如何在jQuery中获取具有特定类名的<span>元素？</span>

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>的{​​{1}}元素，即值A和D.

使用jQuery，我可以使用req和所有console.log($('.req'));值使用notreq

捕获所有值

我只需要console.log($('span.req.notreq'))个值。有什么帮助吗？

Answer 1

只需将类名添加到选择器中，就像这样...

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

这将仅返回仅req作为类的span元素。

Answer 2

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

Answer 3

使用：not pseudo-element：

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