jquery - 克隆元素不起作用jquery

Question

HTML

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

我试图在最后一个之后一次克隆一个锚。最终结果应该是像一二三一二三等。我的想法是有一个等于第一个索引 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());
    });

});