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');

LI の 1 つにクラス テストがあるため、true が返されます。私が望むのは、すべての要素が次のようにセレクターに一致する場合にのみ 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;

1 つ目は、クラス test を持つ li 要素の数が (クラスに関係なく) li 要素の数と同じかどうかを確認するためのチェックを行います。

2 つ目は、クラス テストを受けていない数のカウントをチェックするだけです。