12
votes

Utilisez Event.Target pour obtenir la valeur de la classe?

J'ai un élément DOM avec la classe = 'tag'.

Je veux vérifier si la valeur de la classe est étiquette et alerte un message s'il est vrai.

J'ai écrit: XXX

Mais ça n'a pas fonctionné. Vous pouvez obtenir l'identifiant avec Event.Target.Id mais pas la classe avec ce code? Quelles sont toutes les valeurs que vous pouvez avoir après Event.Target?


0 commentaires

5 Réponses :


16
votes

Au début, l'argument Event uniquement pour les gestionnaires d'événements et que vous utilisez le $. Chaque méthode.

Je ne pense pas vraiment que vous vouloir / besoin d'utiliser le $. Chaque méthode , puisque vous utilisez un sélecteur #Id et que l'ID doit être unique.

Pour vérifier si Un élément contient une classe spécifique Vous pouvez utiliser le hasClass Méthode: xxx

Également si vous avez un élément DOM, pour obtenir l'attribut de classe, vous devez y accéder avec classname au lieu de la classe , C'est parce que classe est un mot futur word réservé dans JavaScript, la même chose se produit avec d'autres attributs tels que pour , doit être consulté comme htmlfor ...


3 commentaires

Où puis-je trouver tous les attributs à utiliser avec Event.Target?


Il dit Event.Target est indéfini?


Je fais $ (Event.Target) .attr ("Classe") Pour obtenir la classe d'élément cliqué, par exemple. Si vous avez des cours numérotés, vous n'écrirez pas de cas pour chacun ...



1
votes

Vous utilisez chaque méthode de JQuery. Il faut deux arguments, aucun d'entre eux n'est un événement (qui répondrait à la propriété cible). Du DOCS :

$.each([52, 97], function(index, value) { 
  alert(index + ': ' + value); 
});


0 commentaires

0
votes

Vous allez ici.

$("div").each(function (index, domEle) {
    if (domEle.hasClass("tag")) {
        console.log('yes');
    } else {
        console.log('no');
    }
});


1 commentaires

Y a-t-il un moyen de voir une heure si quelque chose n'a pas de classe? Le contraire de cela?



25
votes
if( $(event.target).hasClass("tag") )
{
   alert("yes");
}
This will work fine.

1 commentaires

La réponse acceptée répond à l'exemple spécifique, mais cette réponse répond à la question



0
votes

Il suffit d'utiliser à l'intérieur de la condition: xxx


0 commentaires