使用 .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) 指的是 'li' 那么什么指的是执行了 .on() 的父级 'div'？

Answer 1

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

Answer 2

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

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

how to get the reference to parent when binding using .on()