Comment vérifier si un élément n'a PAS de classe spécifique?

Comment puis-je vérifier s'il n'y a pas une classe. Par exemple, je sais comment vérifier pour voir si elle a la classe "test", mais comment puis-je vérifier pour voir si il n'a pas la classe "test"?

if($(this).hasClass("test")){
}

InformationsquelleAutor user1005793 | 2011-10-20

jquery jquery-selectors

414
```
if (!$(this).hasClass("test")) {
```
- Dans le TIMTOWTDI veine, voici un horrible solution: if($(this).is(":not(.test)")) >:)
- c'est même grammaticalement correcte.
- TIMTOWTDIBSCINABTE
- Dans le cas où quelqu'un se demande: Il y a Plus d'Une Façon De le Faire, Mais Parfois, la Cohérence n'Est Pas Une Mauvaise Chose.
InformationsquelleAutor sdleihssirhc
132

sdleihssirhc la réponse est bien sûr le plus approprié pour le cas en question, mais seulement comme une référence si vous avez besoin de sélectionner des éléments qui n'ont pas une certaine classe, vous pouvez utiliser le pas sélecteur:
```
//select all divs that don't have class test
$( 'div' ).not( ".test" );
$( 'div:not(.test)' );  //<-- alternative 
```
- À mon humble avis, votre réponse est la meilleure. Si sdleihssirhc la réponse est correcte que cette question n'avait rien à voir avec jQuery et qui serait mieux formulé que " compte tenu de certaines conditions, comment puis-je tester que cette condition n'est PAS vraie en Javascript. Ce que nous voulons avec jQuery est opérer sur la totalité de la collection de DOM éléments tout aussi facile que nous le pouvons sur des objets uniques. Votre réponse fournit la solution. +1
- Pourquoi c'est exactement l'autre réponse plus correcte?
- Dans le contexte de la question d'origine de l'affiche voulu tester si un certain élément connu n'ont pas la classe. Ce code permet de sélectionner tous les éléments qui n'ont pas la classe, donc il n'est pas de résoudre l'affiche du problème. Je ne me souviens pas pourquoi j'ai posté ceci dans la première place.
InformationsquelleAutor JJJ
11

Sélectionner l'élément (ou groupe d'éléments) ayant la classe "abc", de ne pas avoir de classe "xyz":
```
    $('.abc:not(".xyz")')
```
Lors de la sélection régulière CSS vous pouvez utiliser .abc:not(.xyz).

InformationsquelleAutor George-Paul B.
6

Vous pouvez essayer ceci:
```
<div id="div1" class="myClass">there is a class</div>
<div id="div2"> there is no class2 </div>

$(document).ready(function(){
    $("#div2").not('.myClass');  //do not have `myClass` class.
});
```
- Cette réponse ne pas ajouter de la valeur à la page, il a été posté 7 années plus tôt. S'il vous plaît ne jamais code postal uniquement, et le contenu dupliqué.
InformationsquelleAutor aircraft
5

utiliser le .pas de() la méthode et de vérifier pour un attribut:
```
$('p').not('[class]');
```
Le vérifier ici: http://jsfiddle.net/AWb79/
- Ce qui est totalement faux. Les crochets ne sont pas des classes, mais utilisés pour identifier les sélecteurs d'attributs.
- En fait, il est complètement à droite. Le " [classe]' est à identifier correctement l'attribut de (ne pas) avoir une classe.
- les classes sont des attributs.
- ceci permet de vérifier si l'attribut est présent, pas le cas si un élément a une classe spécifique, comme dans la classe de la valeur
InformationsquelleAutor Matthew Cira
0

Il y a des scénarios plus complexes où cela ne fonctionne pas. Si vous souhaitez sélectionner un élément avec la classe A qui ne contiennent pas d'éléments avec la classe B.
Vous avez besoins de quelque chose de plus comme:

Si le parent de l'élément ne contient pas certains éléments enfants; jQuery

InformationsquelleAutor omarjebari
0

la lecture par le biais de ce 6ans plus tard et j'ai pensé aussi prendre un hack à elle, également dans le TIMTOWTDI veine...:D, en espérant qu'il n'est pas incorrect "JS étiquette".

J'ai l'habitude de configurer un var avec la condition et de renvoyer à plus tard..j'.e;
```
//var set up globally OR locally depending on your requirements
var hC;

function(el) {
  var $this = el;
  hC = $this.hasClass("test");

  //use the variable in the conditional statement
  if (!hC) {
    //
  }
}
```
Bien que je dois mentionner que je fais cela parce que j'ai surtout utiliser le conditionnel opérateur ternaire et souhaitez nettoyer le code. Donc dans ce cas, tout ce que j'avais est-ce:
```
hC ? '' : foo(x, n) ;
   //OR -----------
!hC ? foo(x, n) : '' ;
```
...au lieu de cela:
```
$this.hasClass("test") ? '' : foo(x, n) ;
   //OR -----------
(!$this.hasClass("test")) ? foo(x, n) : '' ;
```
InformationsquelleAutor le_pragmatist

Vous devez vous connecter pour publier un commentaire.