需要满足三个条件的 Jquery CSS 选择器答案

【问题标题】：Jquery CSS Selector Requiring Three Criteria to be Met需要满足三个条件的 Jquery CSS 选择器
【发布时间】：2011-09-22 17:51:53
【问题描述】：

我正在尝试编写一个 CSS 选择器，它需要满足多个（三个条件）才能执行操作。

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

基本上我想确保满足所有三个条件。

【问题讨论】：

【解决方案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')

【讨论】：

【解决方案2】：

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

【讨论】：