How do I use jQuery get the ID of the div which has been clicked on?

Question

I need to get the ID of the clicked-on div.

Now when I click on status class I an returned undefined id.

Here is my javascript code

jQuery(document).ready(function() {
    $(".status").bind('click', $.proxy(function() {
        var status = $(this).attr('id');
        alert(status);
    }, this));
});​

and HTML

<div class="status" id="s_1">111111</div>
<div class="status" id="s_3">33333</div>
<div class="status" id="s_2">222222</div>

How should I get the correct id value?

Answer 1

I'm not sure why you're using $.proxy. Removing it should get you the desired results.

$('.status').click(function(event) {
    var status = $(this).attr('id');
});

If you still want to use proxy you can access the clicked element through event.currentTarget

$(".status").bind('click', $.proxy(function(event) {
    var status = $(event.currentTarget).attr('id');
    alert(status);
}, this));

Answer 2

How about:

$('div').on('click', function(){
    alert($(this).attr("id"));
});

Does this have to work only for divs with class status? If so, try:

$('div.status').on('click', function(){
    alert($(this).attr("id"));
});