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.
$("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); }; } 
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> 
$("button").click(function() { alert(this.id); }); 
$(this)[0]) when just this.id will do?
this. Access the DOM element's id property directly like in @GeckoTang's answer.