更改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'));