如何使用jQuery重新排列元素？

Question

如何使用jQuery重新排列元素？

原單碼：

<p id="paragraph1">1</p> 
<p id="paragraph2">2</p> 
<p id="paragraph3">3</p> 
<p id="paragraph4">4</p> 
<p id="paragraph5">5</p> 

後重排（在P2的地方放P3）

<p id="paragraph1">1</p> 
<p id="paragraph3">3</p> 
<p id="paragraph2">2</p> 
<p id="paragraph4">4</p> 
<p id="paragraph5">5</p> 

Answer 1

您可以使用.insertBefore()：

$("#paragraph3").insertBefore("#paragraph2"); 

稍微更復雜的例子（在點擊段落動起來）：

$("p").click(function() { 
    $(this).insertBefore($(this).prev()); 
}); 

You can test both examples here.