jquery - 使用 jquery .find() 计算元素数量，但忽略特定 div 中的那些元素

Question

我想找到一种方法来计算特定的子元素，但忽略位于具有特定类的元素中的任何子元素。

我在 div 元素中使用 $('.search-me').find('[class*=seI\\-]').length 对元素进行计数。这将计算具有以 'seI-' 开头的类的所有元素。

我想改进它以忽略位于子 div 元素内的任何匹配元素，类 '.not-me'。

给定这个 HTML:

<div class="search-me">
  <div class="seI-1"></div>
  <div class="seI-2"></div>
  <div class="not-me">
    <div class="seI-3"></div>
  </div>
</div>

只会计算 seI-1 和 seI-2，忽略 .not-me 类中的任何元素

Answer 1

您可以使用 filter 来做到这一点的回调函数，

$(".search-me").find("[class*=seI\-]").filter(function(){
 return !$(this).parent(".not-me").length
}).length

DEMO