appendChild正是这样做的——基本上是剪切粘贴。

它将移动选定的元素及其所有子节点。

我需要将内容从一个容器移动到另一个容器，包括所有事件侦听器。jQuery没有实现它的方法，但标准的DOM函数appendChild可以实现。

// Assuming only one .source and one .target
$('.source').on('click',function(){console.log('I am clicked');});
$('.target')[0].appendChild($('.source')[0]);

使用appendChild删除.source*并将其放入目标，包括其事件侦听器：Node.appendChild（）（MDN）

如果您想要快速演示并了解有关如何移动元素的更多详细信息，请尝试以下链接：

http://html-tuts.com/move-div-in-another-div-with-jquery

下面是一个简短的示例：

要在元素上方移动：

$('.whatToMove').insertBefore('.whereToMove');

要在元素后移动，请执行以下操作：

$('.whatToMove').insertAfter('.whereToMove');

要在元素内移动，请在该容器内的所有元素上方：

$('.whatToMove').prependTo('.whereToMove');

要在元素内移动，请在该容器内的所有元素之后：

$('.whatToMove').appendTo('.whereToMove');

您可以使用：

为了在后面插入，

jQuery("#source").insertAfter("#destination");

为了插入另一元件内部，

jQuery("#source").appendTo("#destination");

您也可以尝试：

$("#destination").html($("#source"))

但这将完全覆盖#destination中的所有内容。

我的解决方案：

移动：

jQuery("#NodesToMove").detach().appendTo('#DestinationContainerNode')

副本：

jQuery("#NodesToMove").appendTo('#DestinationContainerNode')

注意.detach（）的用法。复制时，请注意不要复制ID。