jQuery克隆无限次？

Question

jQuery 的.clone() 似乎工作的方式，一旦你在某处插入一个克隆的对象，你不能在不重新克隆原始对象的情况下再次插入它。例如，如果您这样做：

var cloned = $('#elem1').clone();
$('#elem2').after(cloned);
$('#elem2').after(cloned);

只有一份elem1 会被复制，而第二个after 调用将不会执行任何操作。

有没有办法在使用克隆对象后不“清除剪贴板”？现在我正在通过在将其插入某处之前再次克隆对象来完成。有没有更好的方法来做到这一点？

Answer 1

您的两行只是将相同的 jQuery 元素集移动了两次。如果您想要一个新副本，是的，您必须再次克隆它。 after() 不会克隆任何东西。它只是移动内容。 clone() 在这种情况下是创建内容的原因。

var cloned = $('#elem1').clone();
$('#elem2').after(cloned);
cloned = $('#elem1').clone();
$('#elem2').after(cloned);

当您这样做时，您还应该更改或删除 ID 属性：

var cloned = $('#elem1').clone().removeAttr("id");
$('#elem2').after(cloned);
cloned = $('#elem1').clone().removeAttr("id");
$('#elem2').after(cloned);

由于技术上不允许重复 ID，因此行为未定义。