How to get ID of button user just clicked?

Question

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.

score 144 · Accepted Answer · answered Apr 24 '12 at 02:34

144

$("button").click(function() {
    alert(this.id); // or alert($(this).attr('id'));
});

answered Apr 24 '12 at 02:34

GeckoTang

2,587
1
15
18

score 35 · Answer 2 · answered Apr 24 '12 at 04:14

35

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);
    };
}

http://jsfiddle.net/TKKBV/2/

answered Apr 24 '12 at 04:14

jlaceda

846
6
11

Do you know how to do this in asp.net ? – mutiemule Sep 02 '13 at 08:20
4

@mutiemule ASP.NET is a server-side technology – Yang Nov 05 '14 at 12:10
sorry @mutiemule, I'm not too familiar with ASP.NET but there should be a way to inject js into the html that you render out similar to templates in express-handlebars. – jlaceda Jul 10 '19 at 19:57

score 25 · Answer 3 · edited Jan 21 '20 at 09:24

25

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>

edited Jan 21 '20 at 09:24

noobprogrammer

2,237
3
15
33

answered Apr 24 '12 at 02:33

John Conde

212,985
98
444
485

score 13 · Answer 4 · answered Apr 24 '12 at 02:33

13

$("button").click(function() {
    alert(this.id);
});

answered Apr 24 '12 at 02:33

Elliot Bonneville

49,322
23
92
122

5

Why wrap and immediately unwrap (`$(this)[0]`) when just `this.id` will do? – mu is too short Apr 24 '12 at 02:34
1

There's no need to jQueryify `this`. Access the DOM element's `id` property directly like in @GeckoTang's answer. – Andrew Whitaker Apr 24 '12 at 02:35
@AndrewWhitaker I See no difference ? – James Mar 18 '20 at 19:15

How to get ID of button user just clicked?

4 Answers4

Linked