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

重新排列后(将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()); 
});

你可以在这里测试这两个例子.