javascript - 更改标签在 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证明。