Get texte de balise d'ancrage

Question

J'ai la balise d'ancrage suivant

<a href="http://www.google.com/">Google</a> 

Je sais comment obtenir le href d'une prise d'ancrage:

alert($(this).attr("href")); 

Mais comment puis-je obtenir le texte de l'ancre tag, c'est à dire comment puis-je obtenir "Google"?

Answer 1

Utilisez .text() pour cela:

alert($(this).text()); 

Si vous voulez que le balisage (.text() supprime les balises et autres), utilisez .html()

alert($(this).html()); 

En ce cas, il n'y a pas de différence, si au lieu vous avait ceci:

<a href="http://www.google.com/">Google <span>(External)</span></a> 

Ensuite, il y aurait:

$(this).text() //"Google (External)" 
$(this).html() //"Google <span>(External)</span>" 

Answer 2

sur l'utilisation du .text() comme mentionné, je suis le texte de toutes les balises d'ancrage combinés dans mon code:

HTML:

<div class="col-sm-2 jumbotron jumbotronUserRaces list-group list-group- 
userRaces" id="listGroupUserRaces"> 
       <a href="" class="list-group-item active">First item</a> 
       <a href="" class="list-group-item">Second item</a> 
       <a href="" class="list-group-item">Third item</a> 
      </div> 

JS:

$("#listGroupUserRaces").click(function() { 
    alert($(this).text()); 
}); 

SORTIE:

• Premier élément
• Deuxième élément
• Troisième élément