How can I select all elements without a given class in jQuery?

Question

Given the following:

<ul id="list">
    <li>Item 1</li>
    <li class="active">Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
</ul>

How can I select all but Item 2, AKA something like:

$("ul#list li!active")

Answer 1

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

Code based on your example:

$("ul#list li").not(".active") // not method
$("ul#list li:not(.active)")   // not selector

Answer 2

What about $("ul#list li:not(.active)") ?

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

Answer 3

您可以使用它来选择所有li元素而不使用class：

$('ul#list li:not([class])')

Answer 4

请参阅jQuery API文档： not（）选择器而不是等于选择器 。

Answer 5

if (!$(row).hasClass("changed")) {
    // do your stuff
}