[jQuery] Comment puis-je vérifier si un élément existe ?
http://danielhagnoul.developpez.com/...mentExist.html
Citation:
Exemple : si le nombre d'éléments du DOM ayant la classe "maClasse" est positif, ajoutez à ces éléments la classe "monAutreClasse".
Ce cas d'utilisation ne justifie pas le test sur l'existence, ici la condition ne sert à rien. Aussi, l'objet $('maClasse') n'est pas sauvegardé dans une variable contrairement aux recommandations de la section précédente.
Je propose :
Code:
1
2
3
4
5
6
7
|
var elements = $('.maClasse');
if(elements.length === 0){
alert("Il n'y a pas d'éléments de classe maClasse");
} else {
alert("Il y a "+elements.length+" éléments de classe maClasse");
} |
---
Citation:
Exemple : retrouver le type de l'élément DOM, ici [object HTMLDivElement]
Code:
1
2
3
4
| $( "#maDivID" ).on( "click", function(){
var nodeType = $( this )[ 0 ];
console.log( nodeType );
}); |
On ne récupère pas le type du noeud, mais le noeud lui-même. Il est peut-être casté en String avec ton inspecteur quand tu le regardes en log console, mais en aucun cas il ne s'agit du type du noeud. Pour récupérer le type de noeud, c'est :
Par ailleurs, $(this)[0] est équivalent à this ici. Autant éviter une opération inutile si elle n'est pas nécessaire.
Enfin, je parlerais de la fonction get recommandée par jQuery
Je propose de remplacer le second exemple par une nouvelle entrée de la FAQ: "Quelle différence entre un objet jQuery et un objet HTMLElement ? Comment passer de l'un à l'autre ?"
