jquery - 计算不包含特定类的元素

Question

如何计算没有 .extra 类的部分的元素 .em？

var cnt = $('.em').not('.extra').length;
console.log(cnt);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="em">
  <div class="header">aaa</div>
  <ul>nnn</ul>
</div>

<div class="em">
  <div class="header">aaa</div>
  <div class="extra">eee</div>
  <ul>nnn</ul>
</div>

<div class="em">
  <div class="header">aaa</div>
  <ul>nnn</ul>
</div>

Answer 1

您使用 .extra 类对 .em 元素进行否定。由于没有一个 .em 元素具有类 .extra，因此所有这些元素都被选中。

一种选择是合并 :not()与 :has() selector : .em:not(:has(.extra))

var cnt = $('.em:not(:has(.extra))').length;
console.log(cnt);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="em">
  <div class="header">aaa</div>
  <ul>nnn</ul>
</div>

<div class="em">
  <div class="header">aaa</div>
  <div class="extra">eee</div>
  <ul>nnn</ul>
</div>

<div class="em">
  <div class="header">aaa</div>
  <ul>nnn</ul>
</div>