克隆元素不工作jquery

Question

HTML

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

我试图在最后一个之后一次克隆一个锚点。最终的结果应该是像一个二三一二三等。我的想法是使var等于第一个索引0这是第一个锚。在循环之后，如果var变为索引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());
    });

});