Pas de sélecteur de classe dans jQuery

Question

Existe-t-il une expression de sélecteur simple pour ne pas sélectionner les éléments ayant une classe spécifique ?

<div class="first-foo" />
<div class="first-moo" />
<div class="first-koo" />
<div class="first-bar second-foo" />

Je veux juste récupérer les trois premiers divs et j'ai essayé

$(div[class^="first-"][class!="first-bar"])

Mais cela reçoit tout comme le dernier div contient plus que la première barre. Existe-t-il un moyen d'utiliser un caractère de remplacement dans une telle expression ? Quelque chose comme

$(div[class^="first-"][class!="first-bar*"]) // doesn't seem to work

Y a-t-il d'autres sélecteurs qui pourraient vous aider ?

Answer 1

Vous avez besoin de la :not() sélecteur :

$('div[class^="first-"]:not(.first-bar)')

ou, alternativement, le .not() méthode :

$('div[class^="first-"]').not('.first-bar');

Answer 2

Vous pouvez utiliser le :not le sélecteur de filtre :

$('foo:not(".someClass")')

Ou not() méthode :

$('foo').not(".someClass")

Plus d'informations :

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

Answer 3

Vous pouvez écrire un sélecteur jQuery dans la méthode "not" :

$('div[class^="first-"]').not($('.first-bar'))