jquery克隆不会创建唯一的对象

jquery clone does not create unique object

本文关键字:唯一 对象 创建 jquery      更新时间:2023-09-26

如何克隆已克隆列表项的唯一实例?我当前对其进行编码的方式,总是创建其自身的副本——例如,我克隆一次列表项,它创建一个副本,然后我再次克隆同一列表项,然后它创建两个副本。

这是代码:

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克隆,您将看到它被克隆一次,然后单击same按钮,您会看到它被复制两次。

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

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