Comment obtenir un élément d'ID de l'événement.cible

Envisager un morceau de code qui ressemble à la suivante:

$('body').on('click', function(e){

});

Je sais qu'il existe un moyen d'obtenir le type d'élément de e.target, c'est à dire e.target.nodeName, mais comment puis-je obtenir l'id de l'élément à partir de cela? Si cela ne peut pas être fait, est-il une autre façon d'obtenir l'id de l'élément qui a été cliqué?

OriginalL'auteur Bluefire | 2013-01-20

  1. 30

    Vous pouvez utiliser e.target.id. e.cible représente DOM objet et vous pouvez accéder à tous ses biens et de ses méthodes.

    $('body').on('click', function(e){
    alert(e.target.id);    
});

    Vous pouvez convertir l'objet DOM pour objet jQuery en utilisant jQuery fonction jQuery(e.target) ou $(e.target) pour appeler les fonctions jQuery.

    OriginalL'auteur

  2. 3

    Pour obtenir l'attribut d'un élément cible en JavaScript vous suffit d'utiliser:

    e.target.getAttribute('id');

    Voir aussi: https://stackoverflow.com/a/10280487/5025060 pour la distinction subtile entre les DOM des propriétés et de leurs attributs.

    OriginalL'auteur

  3. 2
    $('body').on('click', function(e){
    var id = $(this).attr('id');
    alert(id);
});
    Notez que l'OP a une question sur e.target, ce qui n'est pas nécessairement le même que this - et surtout pas si le gestionnaire de clic est lié au corps.
    Vrai, même si mon but était de trouver un moyen pour obtenir l'id d'un élément dans un événement; e.la cible était juste une suggestion.
    Eh bien, si this est le droit de l'élément juste dire this.id, vous n'avez pas besoin de créer un objet jQuery et d'appeler la .attr() fonction.
    this ne semble pas fonctionner pour moi; $(this).attr('id'); retourne undefined et this.id ne retourne rien.
    Je soupçonne que le problème est que par mon commentaire d'origine: "il" est l'élément de corps parce que c'est ce que le gestionnaire de clic a été attaché, et le corps n'a pas un id spécifié...

    OriginalL'auteur

  4. 2

    Ce qui peut être fait:

    $('body').on('click', 'a', function (e) {//you can do $(document) instead $(body)
    e.preventDefault();
    alert($(this).attr('id'));//<--this will find you the each id of `<a>`
});

    OriginalL'auteur

  5. 2

    essayer cette 

     $('body').on('click', '*', function() {

    var id = $(this).attr('id');
    console.log(id); 
});

    OriginalL'auteur