如何在jQuery中使用ul标签对li标签进行排序? [英] how do I sort li tag using ul tag in JQuery?

问题描述

<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进行排序.谢谢

I want to sort desc the li using the id in JQuery or Javascript . Thx

推荐答案

您可以这样做:

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/.

这篇关于如何在jQuery中使用ul标签对li标签进行排序?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！