Как я могу получить элементы <span>, которые имеют определенное имя класса в 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 т.е. значениями А и 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

Используйте: не псевдо-элемент:

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