javascript - 使用 .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

正确的方法是使用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');
  //.....
});