jquery - jQueryで特定のクラス名を持つ要素を取得するにはどうすればよいですか?

Question

jQuery 1.9.1 と HTML5 を使用して、特定のクラス名だけを持つ要素をキャプチャしたいと考えています。

次の HTML コードがあるとします。

<div>
     <span class="req">A</span>
     <span class="req notreq">B</span>
     <span class="req notreq">C</span>
     <span class="req">D</span>
</div>

<span>クラスを持つ要素、reqつまり値AとDのみをキャプチャしたい.

jQuery を使用すると、使用console.log($('.req'));してすべてのnotreq値と使用してすべての値をキャプチャできますconsole.log($('span.req.notreq'))

値だけが必要reqです。何か助けはありますか？

Answer 1

このようにクラス名をセレクターに追加するだけです...

$("span[class='req']");

reqこれは、クラスとしてのみスパン要素を返すだけです。

Answer 2

$('span.req').not('.notreq').each(function() {
   console.log($(this).text());
});

Answer 3

:not 疑似要素を使用します。

$('span.req:not(.notreq)');