克隆元素不起作用jquery答案

【问题标题】：Clone element not working jquery克隆元素不起作用jquery
【发布时间】：2012-12-21 13:16:16
【问题描述】：

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");
        }
    }
});

【问题讨论】：

我有点困惑，你是否试图在原始列表之后复制所有元素
我假设您的意思是 $("h2").click 而不是 $("h3").click？
您的“var length=" 语句缺少 jQuery $ 选择器。
您是否要在最后一个锚点之后添加一个新锚点？当您单击时，有点不清楚您想要发生什么。
这是一团糟for (var click; click < length; click++) {

标签： jquery clone

【解决方案1】：

我认为这就是你想要达到的效果。

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

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

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

});

【讨论】：