javascript - 如何在jquery中检查父级

Question

我在文档上绑定(bind)了一个点击事件。我有一个 id 为 parent 的 div。现在，每当 document 上发生点击事件时，我都会尝试检查目标元素是否是 div ( id =parent ) 的子元素。

   <div id="parent">
    <div id="c1">
     <div id="gc1">
     </div>
     <div id="gc2">
     </div>
     ...
    </div>
    ...
   </div>

为此目的，我编写了以下 jquery 代码:

$(document).click( function(e) {
     if($(e.target).parents("#parent").length > 0)  //this condition is not 
                                                      working as expected
     { }
});

我在这里做错了什么？

Answer 1

如果您发布的代码是逐字的，则您忘记将 e 声明为回调函数的参数。

除此之外，您的代码看起来应该可以正常工作。但是，为了提高效率，您可以使用 .closest() 而不是 .parents()，因为它只会返回 0 或 1 个元素，而不是整个元素链。