javascript - 对子元素使用 insertAfter

Question

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

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

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

并希望将其更改为 .second，然后更改为 .first。

我尝试过:

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

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

谢谢

Answer 1

在之后插入不会删除子元素，检查这个fiddle

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

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