jquery - クローン要素がjqueryで動作しない

Question

HTML

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

最後のアンカーの後にアンカーを 1 つずつ複製しようとしています。最終結果は、1 2 3 1 2 3 などのようになります。私の考えは、最初のアンカーである最初のインデックス 0 に等しい var を持つことです。そして、その 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());
    });

});