jQuery et si l'instruction ne correspond pas en raison de plusieurs classes

Question

J'ai des éléments DOM que je voudrais exclure d'une fonction .click en ajoutant une classe "noEdit" le problème que je rencontre est que certains de ces éléments ont plusieurs classes :

<td class="firstCol noEdit"> // <-- wont work 
<td class="noEdit"> // <-- works fine 

Et le jQuery:

$('td').click(function(){ 
    if($(this).attr('class') != "noEdit"){ 
     alert('do the function'); 
    }); 

pensées?

Answer 1

Si vous interrogez l'attribut class avec attr(), il renvoie simplement la valeur en tant que chaîne unique. La condition échoue pour votre premier <td> parce que votre code tentera de comparer

"firstCol noEdit" != "noEdit" 

qui retourne vrai (car ils ne sont pas égaux) et provoque votre alerte à afficher.

Vous aurez envie de regarder la place fonction hasClass(), qui analyse la liste des classes pour vous et vérifie la présence de la classe donnée dans l'attribut:

$('td').click(function() { 
    if (!$(this).hasClass("noEdit")) { 
     alert('do the function'); 
    } 
}); 

Answer 2

Que diriez-vous à l'aide d'un filtre d'attribut:

// != means 'not exactly matching', whereas *= means 'contains' 
$('td[class!=noEdit]').click(function(){ 
    alert('do the function'); 
}); 

Answer 3

Vous pouvez utiliser jQuery's not() traversal pour nettoyer ça:

$('td').not('.noEdit').click(function() { 
    alert('do the function'); 
});