jquery - 在 .on() 函数处理程序中获取事件冒泡的元素的直接方法

Question

使用 jQuery 的.on()：

$('.outer').on('click', '.inner', function(){
    // doing stuff...
});

由于this引用了 origniting ( .inner) 元素，是否有比使用以下方法更直接地引用事件冒泡到的父元素：

$(this).closest('.outer')

?

Answer 1

您可以使用event.delegateTargetwhereevent是处理程序的参数。

$('.outer').on('click', '.inner', function(e) {
    // e.delegateTarget === The '.outer' on which .on() was bound
});

Answer 2

$('.outer').on('click', '.inner', function(e){
    console.log(e.delegateTarget);
    //to get jq object, wrap it: $(e.delegateTarget)
});

http://jsfiddle.net/37yLM/