Получить текст из тега привязки

У меня есть следующий тег привязки

<a href="#" onclick="location.href='http://www.google.com/'; return false;">Google</a>

Я знаю, как получить href из привязки:

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

Но как мне получить текст из тега привязки, т.е. как я могу получить "Google"?

Ответ 1

Используйте .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>"

Ответ 2

При использовании .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:

Первый элемент
Второй элемент
Третий элемент