将元素附加到容器

解决方案 1：

$('#parent').append($('#child'));

解决方案 2：

$('#child').appendTo($('#parent'));

两种解决方案都将元素 #child（在末尾添加）附加到元素 #parent。

之前：

<div id="parent">
  <span>other content</span>
</div>
<div id="child">

</div>

后：

<div id="parent">
  <span>other content</span>
  <div id="child">

  </div>
</div>

注意： 当你追加文档中已存在的内容时，此内容将从其原始父容器中删除并附加到新的父容器中。因此，你不能使用 .append() 或 .appendTo() 来克隆元素。如果你需要克隆使用 .clone() - > [ http://api.jquery.com/clone/][1]