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

如何使用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>

1
2
3
4
5

重新排列后（将p3放在p2的位置）

1
3
2
4
5

您可以使用：

稍微详细一点的示例（单击段落将其上移）：

---

您希望如何重新排列它们？当有人点击按钮时？当有人在屏幕上拖动元素时？请提供更多细节。

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

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

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