How to get the original selector using jQuery on () function with filter?

Question

I am using the jQuery function .on()to attach some behavior to an event clickfor an object, for example span.

My setup looks something like this:

$('#container').on('click', 'span', function() {
    // do stuff
});

Inside this function thisis span. How do i get it #container?

<div id="container">
    <span>Click Me!</span>
</div>

-

$('#container').on('click', 'span', function() {

    var span = $(this),
        div  = false; // This is what I need

    console.log(span);
});

+5

Ayman safadi Aug 28 '12 at 23:34

2 answers

The easiest way is to just use it span.parent().

-1

Explosion pills Aug 28 '12 at 23:36

Musa · Accepted Answer · 2012-08-28T23:38:01+0000

$('#container').on('click', 'span', function(e) {

    var span = $(this),
    div  = e.delegateTarget;

    console.log(div);
});