如何在 JQuery 中使用 ul 标签对 li 标签进行排序？ [复制]

Question

<ul id ="sort">
    <li id = '2014-02-07'>tralala<li>
    <li id = '2013-02-09'>tralala<li>
    <li id = '2014-01-04'>tralala<li>
    <li id = '2011-09-05'>tralala<li>
</ul>

我希望结果是：

<ul id ="sort">
    <li id = '2014-02-07'>tralala<li>
    <li id = '2014-01-04'>tralala<li>
    <li id = '2013-02-09'>tralala<li>
    <li id = '2011-09-05'>tralala<li>
</ul>

我想使用 JQuery 或 Javascript 中的 id 对 li 进行排序。谢谢

Answer 1

你可以这样做：

var list = $('#sort'),
    items = list.children().get();
list.append(items.sort(function(a, b){
    return new Date(b.id) - new Date(a.id);
}));

这是一个演示：http://jsfiddle.net/wared/EE5HB/。