Script for checking which button is clicked dosen't work

Question

I have N(1..500) buttons create dynamically and I want know which button is clicked by the user and get the Id. I'm using this jQuery function but it doesn't work:

$(':button').click(function() {
    // reference clicked button via: $(this)
    var buttonElementId = $(this).attr('id');
    alert(buttonElementId);
});

What does not work? event or you don't get id in event handler? — SSA, Sep 11 '14 at 11:49

score 1 · Accepted Answer · edited May 23 '17 at 12:24

1

If they are created dynamically you will need event delegation

$(document).on('click', ':button' , function() {
      // reference clicked button via: $(this)
      var buttonElementId = $(this).attr('id');
      alert(buttonElementId);
});

See In jQuery, how to attach events to dynamic html elements? for more info

edited May 23 '17 at 12:24

Community

1
1

answered Sep 11 '14 at 11:49

Spokey

10,894
2
27
44

Eh, I'm late for 9 seconds... – Regent Sep 11 '14 at 11:51
@Regent it's still valid +1 – Spokey Sep 11 '14 at 11:52
You know its duplicate then, Why did you not closed it? – Satpal Sep 11 '14 at 11:55

score 1 · Answer 2 · answered Sep 11 '14 at 11:50

1

For dynamically created elements you should use:

$(document).on("click", ":button", function() {
    // reference clicked button via: $(this)
    var buttonElementId = $(this).attr('id');
    alert(buttonElementId);
});

answered Sep 11 '14 at 11:50

Regent

5,116
3
20
35

Script for checking which button is clicked dosen't work

2 Answers2