Using jQuery, how do I select elements that are neither class A nor B?

Question

If I have a list like this:

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

Using jQuery, how would I select only the first item, but not the other two? In other words, how do I write a selector that will only select an element that does not have class B or C?

Answer 1

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

• the element-selector ^[docs]

• the class-selector ^[docs]

• the not-selector ^[docs]

• the multiple-selector ^[docs]

Answer 2

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

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

Answer 3

You can either use the :not() selector or .not() method:

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

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

Answer 4

您可以使用.not（）方法：

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