用jquery点击重新排序ul列表？

Question

我想知道如何做到这一点

我有一个ul列表，当我用jQuery单击另一个div时，我想重新排序为一个唯一的顺序。

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

<div class="click-to-sort"></div>

我尝试过这个函数尝试将＃2更改为列表的第3个孩子，但是没有运气。

$('.click-to-sort').click(function(){        
    $('#2').prependTo($('#list li:eq(3)'));
});

Answer 1

我能够使用.after和.before的组合以不同方式订购列表，例如：

$('.click-to-sort').click(function(){  
     $('1').after($("2"));
     $('3').before($("1"));
});

我确信有更合理的解决方案，但这很有效。