如何使用.on（）绑定时获取对父项的引用

Question

我必须绑定像这样的事件

$("div").on("click", "li",function() {
  var div= $(this).parent().parent(); //this is what i'm using
  //.....
});

在

<div>
    <ul>
        <li>1</li>
        <li>2</li>
    </ul>
</div>

现在，如果$（this）指的是＆＃39; li＆＃39;那么什么是指父母＆＃39; div＆＃39; div已经执行了.on（）？

Answer 1

正确的方法是使用event.delegateTarget，如果您特别想要事件触发的div：

$("div").on("click", "li",function(e) {
  var $div= $(e.delegateTarget);
});

Answer 2

使用 closest()

$("div").on("click", "li",function() {
  var div = $(this).closest('div');
  //.....
});