不是 jQuery 中的类选择器

Question

是否有一个简单的选择器表达式来不选择具有特定类的元素？

<div class="first-foo" />
<div class="first-moo" />
<div class="first-koo" />
<div class="first-bar second-foo" />

我只想获取前三个 div 并尝试

$(div[class^="first-"][class!="first-bar"])

，但这会收到所有内容，因为最后一个 div 包含的内容多于第一个栏。有没有办法在这样的表达式中使用占位符？类似的东西

$(div[class^="first-"][class!="first-bar*"]) // doesn't seem to work

还有其他可能有帮助的选择器吗？

Answer 1

您需要 :not() 选择器：

$('div[class^="first-"]:not(.first-bar)')

或者， .not() 方法：

$('div[class^="first-"]').not('.first-bar');

Answer 2

您可以使用 :not 过滤选择器：

$('foo:not(".someClass")')

或 not() 方法：

$('foo').not(".someClass")

更多信息：

• http://api.jquery.com/not-selector/

Answer 3

您可以在“not”方法中编写 jQuery 选择器：

$('div[class^="first-"]').not($('.first-bar'))

Answer 4

它还适用于带有 :not() 选择器的 jQuery 事件。

就像这样：

jQuery(document).on('click', '.fo-line:not(.deleted) .clickable', function(e) {
    e.preventDefault();
    // do your stuff...
});

在我的例子中，我启用对 < 的每个 的点击/code> 期望所有具有 deleted 类 ()