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.
This question is related to
javascript
jquery
html
$("button").click(function() {
alert(this.id); // or alert($(this).attr('id'));
});
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);
};
}?
$("button").click(function() {
alert(this.id);
});
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>
Source: Stackoverflow.com