jquery : obtenir l'identifiant du sélecteur de classe

Question

Existe-t-il un moyen d'obtenir l'identifiant d'un élément à partir de quelque chose comme :

 <a href="#" class="test" id="test_1">Some text</a>
<a href="#" class="test" id="test_2">Some text</a>
<a href="#" class="test" id="test_3">Some text</a>

et puis je lie

$('.test')

donc quand je clique sur l'un des éléments je récupère l'identifiant ?

Answer 1

Utilisez la méthode "attr" dans jquery.

 $('.test').click(function(){
    var id = $(this).attr('id');
});

Answer 2

Lorsque vous ajoutez un événement de clic, this renvoie l'élément sur lequel vous avez cliqué. Vous pouvez donc simplement utiliser this.id ;

 $(".test").click(function(){
   alert(this.id); 
});

Exemple : http://jsfiddle.net/jonathon/rfbrp/

Answer 3

À partir de jQuery 1.6, vous pouvez (et certains diraient que vous devriez) utiliser .prop au lieu de . attr

 $('.test').click(function(){
    alert($(this).prop('id'));
});

Il est discuté plus loin dans cet article : .prop() vs .attr()

Answer 4

Soyez prudent si vous utilisez des fonctions de flèches grasses car vous deviendrez indéfini pour this.id J'ai perdu 10 minutes aujourd'hui à me demander ce qui se passait