jquery - jquery选择器匹配所有元素？

Question

我知道如果我有这个 HTML：

<ul>
  <li class="list-item test">1</li>
  <li class="list-item">2</li>
  <li class="list-item">3</li>
</ul>

然后我可以在 jQuery 中执行以下操作：

$('ul > li').is('.test');

它将返回 true，因为其中一个 LI 具有类测试。我想要的是一种只有在所有元素都与选择器匹配时才返回 true 的方法，如下所示：

$('ul > li').all('.test'); // false;
$('ul > li').all('.list-item'); // true

这样的事情存在吗？

谢谢，

乔

Answer 1

这个应该做...

var allTest = $("ul > li.test").length === $("ul > li").length;

或者...

var allTest = $("ul > li:not(.test)").length === 0;

首先做一个检查，看看类 test 的 li 元素的数量是否与 li 元素的数量相同（不管类）。

第二个只是检查有多少人没有参加班级考试。