jquery clone不会创建唯一对象

时间:2014-08-27 00:30:50

标签: javascript jquery jquery-ui

如何克隆克隆列表项的唯一实例?我目前编码的方式总是创建自己的副本 - 例如,我克隆一个列表项,它创建一个副本,然后我再次克隆相同的列表项,它创建两个副本。

以下是代码:

HTML:

<ul>
    <li><button onclick='cloneit(this);'>Clone</button> List Item A</li>
    <li><button onclick='cloneit(this);'>Clone</button> List Item B</li>
</ul>

使用Javascript:

function cloneit(thisone) {
    var parent = $(thisone).parent();
    $(parent).clone().appendTo(parent);
}

你可以在这个jsFiddle看到上面的内容:http://jsfiddle.net/57kx6u3j/

要复制此问题,请点击克隆 列出项目A ,然后您将看到克隆一次,然后点击相同按钮< / em>你会看到克隆两次。

1 个答案:

答案 0 :(得分:4)

您正在将克隆的li附加到同一li,因为this指的是按钮元素。

修复:http://jsfiddle.net/57kx6u3j/1/