Javascript 更改标记在DOM中的位置

我喜欢海龟

孩子吹牛 牛群 如何更改标记的位置（顺序）

为此：

<p>I like turtles</p>
<h3>Child brags about stuff</h3>
<h4>The Herd</h4>

孩子吹牛
我喜欢海龟

牛群

---

有JQuery的可能性吗？

如果变量

h3elem

中有

h3

，而

pelem

中有

p

（根据需要将它们放到那里-JQuery、

getElementById

或

getElementsByTagName

，或任何实际情况），请使用：

---

这会将

h3

移动到

p
之前，如果变量
h3elem
中有
h3
，而
pelem
中有
p
（根据需要将它们放到那里-jQuery、
getElementById
或
getElementsByTagName
，或任何实际情况），请使用：

h3elem.parentNode.insertBefore(h3elem, pelem);

这将使用jQuery将
h3
移动到
p
之前：

h3elem.parentNode.insertBefore(h3elem, pelem);

function doWorks(){

    var h3 = $("h3");

    h3.remove();

    h3.insertBefore("p");


}

另请参见带有jQuery的my.
：

function doWorks(){

    var h3 = $("h3");

    h3.remove();

    h3.insertBefore("p");


}

另请参见我的。
下面的代码将在
标记之前插入
标记，您可以为它们分配一个id以唯一地标识它们

$（'h3'）。在（$（'p'）之前插入下面的代码将在
标记之前插入
标记，您可以为它们分配一个id以唯一地标识它们

$（'h3'）。在（$（'p'）之前插入
使用
.detach（）
和
.insertAfter（）
jQuery方法，如下所示：

$('h3').after($('p'));

证明。
使用
.detach（）
和
.insertAfter（）
jQuery方法，如下所示：

$('h3').after($('p'));

证明。
为什么不在第二行中使用h3变量？为什么不在第二行中使用h3变量？我忘记了
。after（）
移动元素（如果它已经在DOM中）。很好，很简洁。我忘记了
.after（）
移动元素（如果它已经在DOM中）。简洁明了。