您也可以尝试：

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

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

我的解决方案：

移动：

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

副本：

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

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

我刚刚使用了：

$('#source').prependTo('#destination');

我从这里抓起的。

我需要将内容从一个容器移动到另一个容器，包括所有事件侦听器。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）

使用普通JavaScript解决方案：

// Declare a fragment:
var fragment = document.createDocumentFragment();

// Append desired element to the fragment:
fragment.appendChild(document.getElementById('source'));

// Append fragment to desired element:
document.getElementById('destination').appendChild(fragment);

过来看。

您可以使用以下代码将源移动到目标：

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

尝试使用CodePen。

函数move（）{jQuery（“#source”）.detch（）.appendTo（“#destination”）；}#来源{背景色：红色；颜色：#ffffff；显示：内联块；填充：35px；}#目的地{背景色：蓝色；颜色：#ffffff；显示：内联块；填充：50px；}<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><div id=“source”>我是消息源</div><div id=“destination”>我是目的地</div><button onclick=“move（）；”>移动</button>