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元素的数量(不管是哪个类)相同.

第二个只检查有多少没有类测试的计数.