对子元素使用 insertAfter答案

【问题标题】：Use insertAfter with child elements对子元素使用 insertAfter
【发布时间】：2014-12-08 17:25:14
【问题描述】：

只是一个快速的。我想更改标记中两个特定divs 的顺序。两个 div 都有孩子。

<div class="first">
  <elem>
    <elem> </elem>
  </elem>
</div>

<div class="second">
  <elem>
     <elem> </elem>
  <elem>
</div>

并希望它更改为.second 然后.first。

我试过了：

$('.first').insertAfter('.second');

有效，但没有孩子。有什么方法可以通过.insertAfter() 实现我想要的，或者我还需要做什么？

谢谢

【问题讨论】：

【解决方案1】：

Insert after 不会删除子元素，检查这个fiddle

<div class="first">
    <div>child of first</div>
    <div>another of first</div>
</div>

<div class="second">
    <div>child of second</div>
</div>

【讨论】：

【解决方案2】：

文档说“如果以这种方式选择的元素插入到 DOM 中其他位置的单个位置，它将在目标之后移动（未克隆）并返回由插入元素组成的新集合”

在最简单的情况下（按 id 选择 - 在具有给定 id 的 div 之后插入），我的测试表明所有的孩子都跟着它。

【讨论】：