首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

jquery 标签排序,该怎么处理

2012-04-08 
jquery 标签排序HTML codebutton nameid按id排序/buttonbutton namedate按时间排序/button

jquery 标签排序

HTML code
<button name="id">按id排序</button>    <button name="date">按时间排序</button>    <ul>        <li>            <span name="id">123</span>            <span name="date">2012/3/8</span>        </li>        <li>            <span name="id">234</span>            <span name="date">2012/1/5</span>        </li>        <li>            <span name="id">900</span>            <span name="date">2012/9/8</span>        </li>        <li>            <span name="id">787</span>            <span name="date">2012/2/8</span>        </li>    </ul>


有没办法当我点击按id排序的时候li就按id排,同样点时间的时候就按时间排,麻烦各位啦

[解决办法]
date自己改写下方法就OK
JScript code
$('button[name="id"]').click(function () {    $('ul').html($.makeArray($('li')).sort(function (li1, li2) {        return parseInt($(li1).find('span[name="id"]').text(), 10) - parseInt($(li2).find('span[name="id"]').text(), 10);    }));}); 

热点排行