克隆元素不工作的jQuery

Question

HTML

<h2>Click Here</h2> 
<div class="holder"> 
    <a href="#">One</a> 
    <a href="#">Two</a> 
    <a href="#">Three</a> 
</div> 

林triying克隆一个锚，在经过一段时间的最后one.The最终的结果应该是这样的一个二三一二三etc.My想法是有一个var等于第一个索引0，这是第一个索引。并在循环后，如果该变量得到索引3回到0

var click = $(".holder a")[0]; 
var length = $(".holder a").length; 

$("h2").click(function() { 
    for (var click; click < length; click++) { 
     if (click == $(".holder a")[3]) { 
      click = $(".holder a")[0]; 
      $(click).insertAfter(".holder a:last"); 
     } 
    } 
}); 

Answer 1

我认为这是你试图实现的效果。

var $holder = $('.holder'); 

$('h3').on("click", function(){ 

    $holder.find('a').each(function(){ 
     $holder.append($(this).clone()); 
    }); 

});