jquery - 使用 jQuery 将列表项与另一个列表项交换？

Question

有没有办法使用 jQuery 将列表项与另一个列表项交换？

假设这个列表:

<ul>
    <li id="1"></li>
    <li id="2"></li>
    <li id="3"></li>
    <li id="4"></li>
    <li id="5"></li>
</ul>

如何更改项目 2 与项目 4 的位置？

这样

<ul>
    <li id="1"></li>
    <li id="4"></li>
    <li id="3"></li>
    <li id="2"></li>
    <li id="5"></li>
</ul>

有什么办法不使用绝对定位吗？

Answer 1

$('#2').insertAfter($('#3'));
$('#4').insertAfter($('#1'));

<强> jsFiddle example