How to get ID of button user just clicked?
JavascriptJqueryHtmlJavascript Problem Overview
> Possible Duplicate:
> Getting the ID of the element that fired an event using JQuery
I have many buttons with ID attribute.
<button id="some_id1"></button>
<button id="some_id2"></button>
<button id="some_id3"></button>
<button id="some_id4"></button>
<button id="some_id5"></button>
Assume the user clicks on some button, and I want to alert this ID of the button the user just clicked on.
How can I do this via JavaScript or jQuery?
I want to get the ID of button user just clicked.
Javascript Solutions
Solution 1 - Javascript
$("button").click(function() {
alert(this.id); // or alert($(this).attr('id'));
});
Solution 2 - Javascript
With pure javascript:
var buttons = document.getElementsByTagName("button");
var buttonsCount = buttons.length;
for (var i = 0; i <= buttonsCount; i += 1) {
buttons[i].onclick = function(e) {
alert(this.id);
};
}
Solution 3 - Javascript
You can also try this simple one-liner code. Just call the alert method on onclick attribute.
<button id="some_id1" onclick="alert(this.id)"></button>
Solution 4 - Javascript
$("button").click(function() {
alert(this.id);
});