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>

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

<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()); 
});