Код jQuery для установки уникальных атрибутов href в элементах списка

Question

У меня есть список из 200 предметов.Каждый <li> содержит тег <h3> с текстовой строкой уникального номера телефона.Каждый <li> также содержит тег <a>, родительский элемент для <h3>.При загрузке страницы мне нужно установить значение href для каждого тега <a> с номером телефона, содержащимся в его дочернем элементе <h3>.

jQuery

$("a").each(function() {
    var phonenumber = $(this > "h3").html();
    $(this).attr("href", "phonenumber");
});

HTML

<li>
    <h1>Altman, Jennifer, Phd</h1>
    <a href="">
        <h3>617-999-5054</h3>
    </a>
</li>

Answer 1

Вы должны использовать .find () , как показано:

$("a").each(function() {
   var phonenumber = $(this).find("h3").text();
   $(this).attr("href", phonenumber);
});

Fiddle