使用 jQuery，如何选择既不是 A 类也不是 B 类的元素？

Question

如果我有一个这样的列表：

<ul>
    <li class="A"></li>
    <li class="A B"></li>
    <li class="A C"></li>
</ul>

使用 jQuery，我如何仅选择第一项，而不选择其他两项？换句话说，如何编写一个选择器来仅选择不具有 B 类或 C 类的元素？

Answer 1

$('li.A:not(.B,.C)')

• 元素选择器^{[文档]< /i>}

• 类选择器^[文档]

• 非选择器^[文档]

• 多重选择器^[文档]

Answer 2

您可以使用 :not() 选择器或 .not() 方法：

$('.a').not('.b, .c')

$('.a:not(.b,.c)')

Answer 3

$(function() {
    $(".a").not('.b, .c').text('aaa');
});

jsfiddle： http://jsfiddle.net/bitsmix/h2fpq/

Answer 4

您可以使用 .not() 方法：

$('li.a').not('.b, .c')