更改DOM中标记的位置

Question

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

如何更改标签的位置（顺序）？

对此：

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

是否存在JQuery的可能性？

Answer 1

使用.detach()和.insertAfter() jQuery方法，如下所示：

$(function() {
   $('p').detach().insertAfter('h3'); 
});

jsFiddle证明。

Answer 2

使用jQuery：

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

另见jsfiddle。

Answer 3

如果变量h3中有h3elem，p中有pelem（无论你想要它们到哪里 - jQuery，getElementById或{ {1}}或其他任何东西，使用：

getElementsByTagName

这会将h3elem.parentNode.insertBefore(h3elem, pelem); 移至h3之前。

Answer 4

function doWorks(){

    var h3 = $("h3");

    h3.remove();

    h3.insertBefore("p");


}

Answer 5

以下代码会在<h3>标记之前插入<p>标记，您可以为其分配ID以唯一标识它们。

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