Как я могу получить элементы, которые имеют определенное имя класса в jQuery?

Используя 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. Помощь есть?
3 4
html jquery html5

3 ответа:

Просто добавьте имя класса в селектор вот так...

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

, который просто вернет элементы span только с req в качестве класса.

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

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

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