Получить URL-адрес ссылки внутри div

Question

Я хочу получить текст URL, который находится внутри div:

<div class="div">
    <a class="link" href="iwanttogetthis">Link Name</a>
</div>

Это то, что у меня есть

$('.link').find("href").text();

Но это не работает.

Answer 1

find ищет элементы, которые являются потомками выбранного элемента.

text извлекает текстовые узлы из потомков выбранного элемента.

Вы хотите прочитать значение атрибута из выбранного элемента. Его потомки не имеют значения.

$(".link").attr("href");

Answer 2

.find() не будет работать в вашем случае. Вы можете использовать .attr() метод jquery, чтобы получить любое значение атрибута, как показано ниже.

$('.link').attr("href");

Рабочая скрипка