jquery - jQuery 克隆问题

Question

这是我的场景：

<div class="item">
<div class="item-title">
<a href="_files/download_item.zip" class="link">Download 1</a>
</div>
<div class="item-description"> Lorem ipsum dolor…. </div>
</div>

我想要做的是克隆锚并将其附加到“项目描述”div。

问题是当我有多个项目时，克隆函数会将所有锚点复制到所有“项目描述”div。

这是我正在使用的 jquery：

$(function(){   
    $('a.link').clone(true).appendTo('.item-description');
}); 

谁能发现我做错了什么？

Answer 1

$(function(){   
    var links = $('.item-title a.link');
    links.each(function() {
       $(this).parent().next('.item-description').append($(this).clone(true));
    });
});

Answer 2

试试这个：

$(function(){
  $("a.link").each(function(){
    $(this).clone(true).appendTo($(this).parent().siblings(".item-description"));
  });
});

Answer 3

$(function(){
    $(".item").each(function(){
        $(this).find(".item-description")
            .append($(this).find("a.link").clone(true));
    });
});