Comment puis-je sélectionner tous les éléments sans classe donnée dans jQuery?

226

Compte tenu des éléments suivants:

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

Comment puis-je sélectionner tout sauf l'article 2, AKA quelque chose comme:

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

Réponses:

424

Vous pouvez utiliser la .not()méthode ou le :not()sélecteur

Code basé sur votre exemple:

$("ul#list li").not(".active") // not method
$("ul#list li:not(.active)")   // not selector
Andre Backlund
la source
10
Si vous voulez vérifier deux classes, utilisez comme.not(".completed, .current")
Nishantha
en 2019 vanillaJs: document.querySelectorAll ('. foo-class: not (.bar-class): not (.foobar-class'))
Ivan Kolyhalov
18

Vous pouvez l'utiliser pour sélectionner tous les liéléments sans classe:

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