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

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

如果要放置元素的div中包含内容，并且希望元素显示在主要内容之后：

  $("#destination").append($("#source"));

如果要放置元素的div中包含内容，并且希望在主要内容之前显示元素：

$("#destination").prepend($("#source"));

如果要放置元素的div为空，或者要完全替换它：

$("#element").html('<div id="source">...</div>');

如果要在上述任一项之前复制元素：

$("#destination").append($("#source").clone());
// etc.

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

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

您可以使用：

为了在后面插入，

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

为了插入另一元件内部，

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

尝试纯JavaScript：destination.appendChild（源代码）；。

onclick=function（）｛destination.appendChild（源）｝；第二部分{边距：.1em；}#目的地{边框：实心1px红色；}#来源{边框：实心1px灰色；}＜div id＝destination＞###</div>＜div id＝源＞***</div>

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

过来看。