主页 / 问题 / 703528
Accepted
Black Fire
Asked:2020-08-08 22:54:36 +0000 UTC2020-08-08 22:54:36 +0000 UTC

从选择中排除元素

  • 772

如何使用 :not 选择器或 not() 方法从包装集中排除嵌套元素？有一个这样的结构：

<a class="link">
  <div>
    <img></img>
  </div>
  <i></i>
</a>

如何在不影响嵌套 i 的情况下使用 jQuery 选择 .link？粗略地说，这样当点击图标时，挂在 .link 上的同一个处理程序不起作用。我尝试这样的事情，但它不起作用：

$('.link:not(i)').click(function(e) {
}
javascript

1 个回答

  1. Best Answer

    比如这样。在 和 的帮助下e.target，.is我们找出点击了什么，如果是i，那么我们什么也不做 ( return false;)。 

    $(".link").click(function(e) {
  if ($(e.target).is('i')) {
    return false;
  }
  console.log("click!");
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<div class="link">
  <div>click</div>
  <i>не click</i>
</div>

    • 3

相关问题