需要满足三个标准的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']")