Como posso selecionar todos os elementos sem uma determinada classe no jQuery?

226

Dado o seguinte:

<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>

Como posso selecionar todos, exceto o Item 2, também conhecido como:

$("ul#list li!active")
Andrew G. Johnson
fonte
24
$("ul#list").not(".active")ou$("ul#list:not(.active)")
N 1.1

Respostas:

424

Você pode usar o .not()método ou :not()seletor

Código com base no seu exemplo:

$("ul#list li").not(".active") // not method
$("ul#list li:not(.active)")   // not selector
Andre Backlund
fonte
10
Se quiser verificar o uso de duas classes como.not(".completed, .current")
Nishantha
Em 2019 vanillaJs: document.querySelectorAll ('. foo-class: not (.bar-class): not (.foobar-class'))
Ivan Kolyhalov
18

Você pode usar isso para escolher todos os lielementos sem classe:

$('ul#list li:not([class])')
Oswaldo Ferreira
fonte
2
if (!$(row).hasClass("changed")) {
    // do your stuff
}
user3763117
fonte