Javascript / jQuery - Comment obtenir le nom de la classe de l'élément cliqué?
J'ai googlé et googlé et j'en ai conclu que c'est très difficile d'obtenir une réponse sur mon propre.
Je suis en train d'utiliser jquery ou JavaScript pour obtenir une propriété de l'élément cliqué. Je peux l'utiliser ".hash" par exemple -, il retourne la valeur de hachage je présume.
Maintenant, je voudrais obtenir le nom de la classe de l'élément cliqué.
Est-il même possible? Comment? Et où pourrais-je trouver ce genre d'information?
- jQuery documentation? - Tout ce que je peux trouver est des méthodes et des plugins, pas de propriétés.. si sa n' - merci de me fournir un lien.
- JavaScript documentation? - est-il même une complète? - vous encore un lien.
- DOM de la documentation? - l'un sur le W3C ou où (lien apprécié).
Et qu'est-ce que this.hash
? - DOM JavaScript ou jQuery?
source d'informationauteur zwolin
Vous devez vous connecter pour publier un commentaire.
En jQuery, si vous joignez un
click
événement pour tous les<div>
balises (par exemple), vous pouvez l'obtenir de la classe comme ceci:Exemple: http://jsfiddle.net/wpNST/
Il utilise jQuery
.cliquez sur(fn)
méthode pour attribuer le gestionnaire, mais l'accès à laclassName
des biens directement à partir de l'élément du DOM qui a été cliqué, qui est représenté parthis
.Il y a des méthodes jQuery qui le font, ainsi, comme
.attr()
.Exemple: http://jsfiddle.net/wpNST/1/
Ici j'ai enveloppé l'élément du DOM avec jQuery objet de sorte qu'il peut utiliser les méthodes mises à disposition par jQuery. Le
.attr()
méthode ici obtient la classe qui a été défini.Cet exemple de travail sur chaque élément de la page. Je vous recommande d'utiliser
console.log(event)
et de fouiller à ce qu'elle exporte dans votre console avec Firebug/outils de développement.jQuery
Javascript
Essayer
http://jsfiddle.net/M2Wvp/
Modifier
Pour plus de précisions, vous n'avez pas de console de log pour le
e.srcElement.className
à la classe, j'espère que ça ne confondez pas tout le monde. Il est destiné à montrer que l'intérieur de la fonction, le nom de la classe.cette charge sur en cliquant sur un endroit de la page. si l'élément sur lequel vous avez cliqué n'est pas un nom de classe, il va retourner la valeur null ou une chaîne vide.
Et voici l'ensemble des fonctions d'attribut.
http://api.jquery.com/category/attributes/
Vous pouvez utiliser l'élément.className.split(/\s+/); pour obtenir de vous un tableau de noms de classe, n'oubliez pas les éléments peuvent avoir plus d'une classe.
Ensuite, vous pouvez effectuer une itération de tous, et de trouver celui que vous voulez.
jQuery n'est pas vraiment vous aider ici, mais si vous devez