jQuery cloneTo而不是appendTo？

Question

我试图使用jquery appendTo将元素复制到另一个容器中.确实附加了该对象,但是它已从源中删除.有没有办法我可以附加元素,同时将源元素留在原处？叫它复制叫它克隆叫它任何你想要的.

这是我目前的代码:

jQuery(document).ready(function()
{
    jQuery('#button').appendTo('#panel'); //button should appear ALSO in panel.
});

Answer 1

关闭,但不够近.下面的代码将clone()是元素,然后将其追加#panel.

jQuery(document).ready(function()
{
    jQuery('#button').clone().appendTo('#panel');
});

请注意,ID在同一页面中使用两次是违反标准的.所以,解决这个问题:

jQuery(document).ready(function()
{
    jQuery('#button').clone().attr('id', 'newbutton').appendTo('#panel');
});

Answer 2

只需clone()在附加的jQuery对象上调用该方法,然后再添加它:

$('#button').clone().appendTo('#panel');

如果还需要克隆附加到所选元素的所有事件处理程序,请将boolean true作为参数传递给clone()方法.

此外,您可能希望更改id所选元素的属性...这很简单:

$('#button').clone().attr('id', 'button-clone').appendTo('#panel');