jquery: comment obtenir l'identifiant de balise d'ancrage

Question

J'ai 2 balises d'ancrage

<li><a id="tab1" href="#tabs-1">Issue</a></li> 
<li><a id="tab2" href="#tabs-2">Change Request</a></li> 

Je le jquery suivant:

$('a').click(function(event) { 
           alert($('a').attr("id")); 
      }); 

Qu'est-ce qui se passe: Je reçois toujours "tab1" dans la pop up

Ce que je dois: lorsque l'utilisateur clique sur une balise d'ancrage, son identifiant doit être affiché dans le menu déroulant

Answer 1

Votre problème réside dans l'instruction d'alerte: avec $('a'), vous ne référencez pas l'élément <a> cliqué dans l'instruction d'alerte: vous récupérez le premier élément <a> dans le document.

Au lieu de cela, pour faire référence à l'élément cliqué, remplacez $('a') avec $(this):

$('a').click(function(event) { 
    alert($(this).attr("id")); 
}); 

Answer 2

Essayez

$('a').click(function(event) { 
    var currentElemID = $(this).attr("id") // or you can use this.id 
}); 

Answer 3

Vous pouvez obtenir de sorte que tout attribut d'élément en utilisant attr():

$('a').attr('id'); 

Answer 4

Si vous avez seulement besoin d'accéder à l'identifiant, alors utiliser jQuery est un unne frais généraux cessary: ​​

$('a').click(function(event) { 
    alert(this.id); 
});