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);

});

});

我希望将每个'a'的所有Link属性从.links复制到.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>

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

1 个答案: