Question

I have this html code:

<b class = "edit" id = "foo1">FOO</b>
<b class = "edit" id = "foo2">FOO2</b>
<b class = "edit" id = "foo3">FOO3</b>

And I have this code in jQuery:

$('b.edit').click(function(){
    //GET THE ID OF THE b.edit: e.g foo1, foo2, foo3
    $('.editP').focus();
});

How can I get the id value of the b.edit, as there are multiple instances of b.edit, and I want to get the specific id of the one clicked? How can I do this?

Thanks, Sorry, I am pretty new to javascript.

Answer 1

I’m assuming from your sample code that you’re using jQuery? If so you can get the id as follows:

$('b.edit').click(function(){
 this.id;
});

EDIT:

The direct reference to the attribute is indeed more efficient if all that is required is simply the id.

Also can be obtained from the jQuery object:

$('b.edit').click(function(){
 $(this).attr('id');
});

Sample fiddle: http://jsfiddle.net/5bQQT/