你怎麼可以只選擇與特定類

Question

相關的HTML元素我在HTML以下3個要素：

<span class="a b"></span> 
<span class="a"></span> 
<span class="a b"></span> 

我要選擇它只有「A」級的元素。 如果我只是做$("span.a")，那麼所有三個元素將被選中。 另外，我想在for循環中完成它，因爲基於此我必須做一些其他計算。

它看起來像一個簡單的問題，但由於某種原因，我無法弄清楚。

Answer 1

一種不同的方法比@dfsq

$('.a:not(.b)') 

與a類選擇一切，沒有b類。這也適用於純CSS選擇器。

.a:not(.b) { 
    color: red; 
} 

如果你想「正是.a，沒有別的」，那麼dfsq的解決方案是巨大的。如果你想要更多的靈活性與類的組合，那麼這可能會更好。

這段代碼演示了：

.a:not(.b) { 
 
    color: red; 
 
}

<span class="a b">This span has class="a b"</span><br> 
 
<span class="a">This one has only class="a"</span><br> 
 
<span class="a b">This also has class="a b"</span><br>

Answer 2

通過class屬性選擇元素：

$("span[class='a']")