javascript - 需要满足三个条件的 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')