get id of button in button handler javascript

Question

I'm updating a page through ajax, so I'm creating (text) buttons dynamically. I know how to set up an onclick event, but then how to I get the id of the button in the handler?

Using sinatra with ruby and jquery 1.5. Here is the partial code:

<div onclick='my_handler()' ><a><href>[Edit]</href></a></div>

and the js code:

function my_handler (){
   alert ("button id is ..." )
}

thanks

What button? I don't see any button elements in your example. — j08691
– j08691, Commented Feb 29, 2012 at 20:05
And you should brush up on your html. href isn't a tag, and your div doesn't have an id parameter — Mikhail
– Mikhail, Commented Feb 29, 2012 at 20:20

James M · Accepted Answer · 2012-02-29 20:19:15Z

5

alert ("button id is " + this.id);

And since you've said you're already using jQuery, please separate your HTML and JS:

<div class="edit">

and

$('div.edit').on('click', function()
{
    alert ("button id is " + this.id);
});

edited Feb 29, 2012 at 20:19

answered Feb 29, 2012 at 20:04

James M

16.8k3 gold badges50 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

dt1000 Over a year ago

Thanks, that helps, but I'm not explaining correctly. The above solution works once, but when I reload the form, using AJAX, it no longer works. That's why I was adding the 'onclick' attribute dynamically. The 'onclick' solution works after reloads, I just don't know how to get the id. Does that make sense? My terminology may be wrong, here, I'm a newbie. Thanks for the help.

James M Over a year ago

The .on() solution will work even if you dynamically build the HTML.

Collectives™ on Stack Overflow

get id of button in button handler javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related