使用普通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);

过来看。

Bekim Bacaj回答的肮脏尺寸改进：

div｛border:1px实心；margin:5px｝<div id=“source”onclick=“destination.appendChild（this）”>单击我</div><div id=“destination”></分区>

为了完整起见，本文中提到了另一种方法wrap（）或wrapAll（）。因此，OP的问题可以通过以下方式解决（即，假设＜div id=“destination”/＞还不存在，以下方法将从头创建这样的包装器-OP不清楚包装器是否已经存在）：

$("#source").wrap('<div id="destination" />')
// or
$(".source").wrapAll('<div id="destination" />')

听起来很有希望。然而，当我试图对多个嵌套结构执行$（“[id^=row]”）.wrapAll（“<fieldset></fieldset>”）时，如下所示：

<div id="row1">
    <label>Name</label>
    <input ...>
</div>

它正确地包装了那些＜div＞</div>和<input></input>但是有人把<label></标签>。所以我最终使用了显式的$（“row1”）.append（“#a_predefined_fieldset”）。所以，YMMV。

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

我的解决方案：

移动：

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

副本：

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

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

我刚刚使用了：

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

我从这里抓起的。