Pas de sélecteur de classe en jQuery

Est-il un simple sélecteur d'expression pour ne pas sélectionner les éléments d'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 la première de trois divs et essayé

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

Mais il reçoit tout comme la dernière div contient plus que ceux de la première barre. Est-il possible d'utiliser un espace réservé dans une telle expression? Quelque chose comme ça

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

Tout les autres sélecteurs qui peuvent aider?

  • Gratter mon commentaire précédent, je viens de relire la question. Critique de la classe est first-bar.
  • Dans le cas où l'on veut sélectionner tous les éléments qui n'ont pas de classe 1 ou de classe 2, la concaténation devrait fonctionner: $('div[class^="first-"]').not('.class1').not('.class2')
InformationsquelleAutor Zardoz | 2011-01-06
  1. 478

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

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

    ou, alternativement, la .non() méthode:

    $('div[class^="first-"]').not('.first-bar');
    • A noter que depuis :not() est 2 à 3 fois plus rapide que .pas() (jsperf.com/jquery-css3-not-vs-not), vous pouvez utiliser :pas(). Cependant, le jQuery docs vous recommandons d'utiliser .pas de() à la place, comme il est plus lisible (api.jquery.com/not-selector). Espérons que cela aide quelqu'un à prendre une décision entre les deux!
    • Il est plus rapide maintenant que la grande majorité des navigateurs prennent en charge querySelectorAll, mais qui n'a pas toujours été le cas.
    • Oui, exactement! 🙂 J'espère que mon commentaire n'est pas venu à travers comme une critique; j'ai plutôt destiné à ajouter à votre déjà utile question.
    • Merci!! désactiver la touche entrée pour toutes, mais mon Filtrage des Boîtes. $("input:not(.rgFilterBox)").keydown(function (e) { if (e.keyCode == 13) { return false; } return true; });
    • Fonctionne parfaitement, merci!
    • Comment réaliser cela avec javascript.?
    • à moins que cette fonction exécute des centaines de fois dans une boucle, l'utilisateur ne sera jamais remarquer la différence de performances.
    • oui, mais si c' est, c'est un super changement facile d'obtenir un instantané de la performance boost 🙂
    • Merci pour l'affichage de l' not sélecteur et le not méthode.

    InformationsquelleAutor lonesomeday
  2. 76

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

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

    Ou not() méthode:

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

    Plus D'Infos:

    • Le " doit être omise si l'utilisant comme un sélecteur CSS.
    • Il est nécessaire pour les valeurs avec des espaces dedans, j'ai pris l'habitude de la mine de préciser ceux qui sont toujours 🙂
    InformationsquelleAutor Sarfraz