web-dev-qa-db-fra.com

Comment obtenir l'ID d'un élément depuis event.target

Considérons un morceau de code qui ressemble à ce qui suit:

$('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 cet élément? Si cela ne peut pas être fait, y a-t-il un autre moyen d'obtenir l'identifiant de l'élément sur lequel l'utilisateur a cliqué? 

javascriptjqueryhtml
16
Bluefire

Vous pouvez utiliser e.target.id. e.target représente un objet DOM et vous pouvez accéder à toutes ses propriétés et méthodes.

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

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

32
Adil

Pour obtenir l'attribut d'un élément cible en JavaScript, utilisez simplement:

e.target.getAttribute('id');

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

3
Wafae Mks

essaye ça 

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

    var id = $(this).attr('id');
    console.log(id); 
});
2
user6213434
$('body').on('click', function(e){
    var id = $(this).attr('id');
    alert(id);
});
2
imkost

Ceci 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>`
});
2
Jai