Obtenir le texte de la balise anchor

Question

J'ai la balise d'ancrage suivante

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

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

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

Mais comment puis-je obtenir le texte de la balise anchor, c’est-à-dire comment obtenir "Google"?

Answer 1

Utilisez .text() pour cela:

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

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

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

Dans ce cas, il n'y a pas de différence, si vous aviez plutôt 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

En utilisant le .text () comme mentionné, j'ai obtenu le texte de toutes les balises d'ancrage combinées 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 article
• Deuxième article
• Troisième item