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);    }));});