对子元素使用insertAfter

时间:2014-12-08 17:25:15

标签: javascript jquery insertafter

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

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

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

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

我试过了:

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

哪个有效,但没有孩子。有没有办法用.insertAfter()实现我想要的东西,还是还有什么我需要做的?

由于

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

文档说&#34;如果以这种方式选择的元素插入到DOM中其他位置的单个位置,它将在目标(未克隆)之后移动,并返回由插入元素组成的新集合&# 34;

在最简单的情况下(通过id选择 - 在具有给定id的div之后插入),我的测试显示所有孩子都带着它。