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