javascript - 将所有子链接 HREF 属性克隆到另一个 DIV 链接？

Question

我已经尝试过类似以下的操作，但我没有正确迭代每个属性并相应地替换每个属性？

HTML:

<div class="links">
<a href="#1">link A</a>
<a href="#2">link B</a>

</div>
<div class="links-result">
<a href="REPLACE WITH #1">link C</a>
<a href="REPLACE WITH #2">link D</a>
</div>

JQUERY:

$(document).ready(function() {
$('.links > a').each(function() {
    var link = $(this).nextAll('a').attr('href');
        $('.links-result').find('a').attr('href', link);

});

});

我希望将 .links 中每个“a”的所有链接属性克隆到 .links-result 中的每个“a”。

在这里拨弄:What I've Tried

Answer 1

您可以创建每组链接的列表，然后使用 $.each 迭代第一个列表并使用条目的索引写入第二个列表:

$(document).ready(function() {
    let links = $('.links > a');
    let newlinks = $('.links-result > a');
    links.each(function(index) {
        let lnk = $(this).attr('href');
        $(newlinks[index]).attr('href', lnk);
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="links">
<a href="#1">link A</a>
<a href="#2">link B</a>

</div>
<div class="links-result">
<a href="REPLACE WITH #1">link C</a>
<a href="REPLACE WITH #2">link D</a>
</div>