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

Question

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

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

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

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

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

Answer 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>"

Answer 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());
});

ВЫХОД:

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