javascript - 在不丢失事件处理程序的情况下对元素列表进行排序

Question

我有this列表:

<ul>
    <li id="6">
        list 6: somethings
    </li>

    <li id="2">
        list 2: somethings
    </li>    

    <li id="4">
        list 4: somethings
    </li>    

    <li id="5">
        list 5: somethings
    </li>        

    <li id="0">
        list 0: somethings
    </li>    
</ul>

并且我希望(使用 Javascript/jQuery)通过 id (ASC) 对这些元素进行排序，同时保留每个元素的事件处理程序。

这可能吗？我该怎么做？

Answer 1

您可以将 ID 分配到数组中并使用 sort():

var a = [];
$("ul li").attr('id',function(i,e){
    a.push(e);
});
$.each(a.sort(),function(i,e){
    $("#"+e).appendTo('ul');
});

您永远不会将它们从列表中删除，只是移动它们。点击处理程序保持不变:

http://jsfiddle.net/niklasvh/nVLqR/