需要滿足三個標準的Jquery CSS選擇器

Question

我正在嘗試編寫一個CSS選擇器，它需要滿足多個（三個條件）才能實施一個操作。

$('div[class*="clickout"]') 
$('div[class*="preferred"]') 
$('div[class*="test"]') 

基本上我想確保滿足所有三個條件。

Answer 1

鏈的屬性選擇：

$('div[class*="clickout"][class*="preferred"][class*="test"]') 

---

如果您正在尋找與三個確切類名的元素，像

<!-- 3 classes: "clickout", "preferred" and "test" --> 
<div class="clickout preferred test"></div> 

，而不是用類三個詞作爲部分或整個類名，如

<!-- 2 classes: "clickout-preferred" and "testing" --> 
<div class="clickout-preferred testing"></div> 

那麼你應該鏈類選擇，而不是屬性選擇：

$('div.clickout.preferred.test') 

Answer 2

$("div[class*='one'][class*='two'][class*='three']")