JQuery multiple click event?

Question

There are two div in my page.

<div id="test-1000"></div>
<div id="test-1111"></div>

In view of above single click event source jQuery is:

$('#test-1000').click(function(){});

But how to achieve two div with a similar to the above statement click events to be monitored are, and how to distinguish between div, which is the click event?

Answer 1

I'll use a common class attribute to group all the target elements

<div class="test" id="test-1000" data-id="1000"></div>
<div class="test" id="test-1111" data-id="1111"></div>

then

$('.test').click(function(){
    //here this.id will give the clicked div id and this will refer the clicked dom element
    //$(this).data('id') will give 1000/1111
})

Answer 2

Just use $(this) in the callback function to know 'which' element the event fired on.

$('.test').click( function() {
    alert( $(this).attr('id') );
});