jQuery代码可在列表项中设置唯一的href属性

时间:2018-10-22 14:44:51

标签: jquery html attributes href

我有200项物品的清单。每个<li>都包含一个<h3>标签,其中包含唯一电话号码的文本字符串。每个<li>还包含<a>的父标签<h3>。在页面加载时,我需要设置每个<a>标签的href值,并在其子<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>

1 个答案:

答案 0 :(得分:1)

您必须使用.find(),如下所示:

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

Fiddle