<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排,同样点时间的时候就按时间排,麻烦各位啦
解决方案 »
- 在iframe内部如何读取并修改iframe的属性?
- css display=none 后 然后display=block 就无效了
- 图片大小缩放问题,分不多,一定给分!
- windows 在Update的时候的添加或删除框的时候的效果是怎么做的?
- 十万火急!!javascript实现跨域操作,有变通的方法也行。要多少分都行!
- 關於xmlHttp的異步同步問題!!
- ACCESS库转为SQLSERVER库需要请各位帮助。
- 请教 open打开子窗口,该方法 dependent 属性的使用.
- 如何把php文件伪装成js文件
- 微信支付一直都是"签名验证失败"
- 关于checkbox
- radio标签在不同浏览器中Jquery获取值的兼容性问题
$('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);
}));
});
<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><ul id="list2">
<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>
$('button[name="id"]').click(function () {
$('#list1').html($.makeArray($('li')).sort(function (li1, li2) {
return parseInt($(li1).find('span[name="id"]').text(), 10) - parseInt($(li2).find('span[name="id"]').text(), 10);
}));
});点一下,然后所有的li都跑到list1里面去了
$('ul').each(function () {
$(this).html($.makeArray($(this).find('li')).sort(function (li1, li2) {
return parseInt($(li1).find('span[name="id"]').text(), 10) - parseInt($(li2).find('span[name="id"]').text(), 10);
}));
})