javascript - 需要满足三个条件的 jquery CSS 选择器

标签 javascript jquery jquery-selectors css-selectors

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

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

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

最佳答案

链接属性选择器:

$('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')

关于javascript - 需要满足三个条件的 jquery CSS 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7519207/

相关文章:

javascript - 错误选择器上的 jQuery 单击函数

javascript - 如何在javascript中跟踪提交事件的发起者?

jquery - 简单的多步骤

javascript - 修改 "X"highslide弹窗关闭按钮

javascript - JQuery Click - 激活父级

jquery - 选择名称为数组字段的输入字段

jquery - 为什么我的 jquery not 选择器不起作用

php - 我的表单在刷新页面时添加空白字段

带有 setInterval 的 Javascript 动画不起作用

内部事件函数中的 JavaScript 上下文