將元素附加到容器

解決方案 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]