javascript - 我如何使用 jQuery 来确定点击事件是否在特定元素内触发？

Question

我正在使用以下代码为 block 设置动画。在我的代码中，div_animate()本质上隐藏了一个 <div>如果当前可见，则使用指定的选择器。

$(document).click(function(event){
    div_animate("#container");
});

我需要确定用户是否点击了 #container 的 child 如果是这样，return false; -- 据我所知，此代码如下所示:

$(document).click(function(event){
    if ( /* the event's target has a parent of #container */ ) {
        return false;
    } else {
        div_animate("#container");
    }
});

有什么想法吗？

Answer 1

最简单的事情是:

if ($(event.target).is('#container *, #container')) // edited - thanks @gnarf
  // is a child
else
  // is not a child

您可以做出不同的选择来检测它是否是目标(或非目标)容器的子容器；那只是一个。替代方案:

if ($(event.target).closest('#container').length)