对子元素使用 insertAfter

Use insertAfter with child elements

本文关键字：insertAfter 元素      更新时间：2023-09-26

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

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

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

我试过了：

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

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

谢谢

插入后不会删除子元素，检查这个小提琴

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

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

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

相关文章：