У меня есть следующий тег привязки
<a href="#" onclick="location.href='http://www.google.com/'; return false;">Google</a>
Я знаю, как получить href из привязки:
alert($(this).attr("href"));
Но как мне получить текст из тега привязки, т.е. как я могу получить "Google"?
Используйте .text() для этого:
alert($(this).text());
Если вы хотите разметку (.text() удаляет теги и т.д.), используйте .html()
alert($(this).html());
В этом случае нет разницы, если вместо этого вы имели это:
<a href="http://www.google.com/">Google <span>(External)</span></a>
Тогда было бы:
$(this).text() //"Google (External)"
$(this).html() //"Google <span>(External)</span>"
При использовании .text(), как уже упоминалось, я получил текст всех привязанных тегов, объединенных в моем коде:
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());
});
OUTPUT: