查找具有x類但不具有y類的Divs

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)")

您可以在此處閱讀not選擇器。

Answer 2

試試這個：不是選擇器

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

Answer 3

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

jsFiddle示例

Answer 4

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