查找具有类x但不应具有类y的Div

Question

<ul>
<li class="clsLi">
<div class="abc xyz"></div>
<div class="arrow"></div>
<div class="abc xyz"></div>
<div class="abc"></div>
<div class="abc"></div>
<div class="abc xyz"></div>
</ul>
</li>

我正在尝试选择具有“abc”类但不是“xyz”的div

Answer 1

尝试一下：

$(".abc:not(.xyz)")

您可以阅读非选择器here。

Answer 2

试试这个:not选择器

$(".abc:not(.xyz)")

Answer 3

$('.abc').not('.xyz')

<强> jsFiddle example

Answer 4

if ($(this).not('.xyz').hasClass("abc")) {
    //Do stuff with it
}