Question

I have few nested DIV elements. For example:

<div id='id1'><div id='id2'>content</div></div>

I attach event to DIVs event handler using jQuery:

$('div').click(function () {
    //some code   
});

There will be two events when user click on content. So there will be two simultaneous events. Is it possible to get inside event handler array of objects (DIVs) what have click event?

May be it is possible using other framework but jQuery?

Answer 1

If you literally want an array of the div objects that would get the click event, you could do:

$('div').click(function(e) {
    var array = $(e.target).parents('div').andSelf().get();
    alert(array);
    e.stopPropagation();;
});

Not sure if that’s what you want, but array will contain an array of divs up the chain.