javascript - jQuery 添加自动链接到 href 属性

Question

HTML:

< p class="link-panel ">http:..www.google.com< /p ><br>
< a target="blank" href="">GO< /a>

jQuery:

var linkVal = new Array();
    $('.link-panel').each(function(index){
        linkVal[index] = $(this).text();
    });

$('a').each(function(){
    $(this).attr("href", linkVal);
});

我正在尝试从 P 标记获取文本值并将其附加到链接中的 href 属性。我可以做到这一点，但我似乎无法弄清楚当有多个 URL 时如何使这项工作起作用？

谢谢

Answer 1

您可以迭代 anchor 并获取上一段的文本

$('a').attr('href', function() {
    return $(this).prev('p').text();
});

或迭代段落并设置以下 anchor 的 href

$('.link-panel').each(function() {
    $(this).next('a').attr('href', $(this).text());
});