jQueryを使用して要素を再配置する方法は？

Question

jQueryを使用して要素を再配置する方法は？

Orginalコード：再配置（P2の場所に置くのP3）の後

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

<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.