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