更改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

如果你有在变量h3elem的h3和pelem的p（让他们那里不过你想要的 - jQuery的，getElementById或getElementsByTagName，或任何真的），用途：

h3elem.parentNode.insertBefore(h3elem, pelem); 

这使h3到p之前。

Answer 3

function doWorks(){ 

    var h3 = $("h3"); 

    h3.remove(); 

    h3.insertBefore("p"); 


} 

Answer 4

使用jQuery：

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

也看到我的jsfiddle。

Answer 5

以下的代码插入<h3>标签之前<p>标签，你可以将它们分配一个ID来唯一识别它们。

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