<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排,同样点时间的时候就按时间排,麻烦各位啦
解决方案 »
- 一个简单的悬浮窗口例子,效果不对
- <script></script>与<script type=text/javascript></script>
- 下拉列表问题
- 帮忙啊找找哪里错了呀,谢谢
- 关于document.execCommand('print');
- 如何用js检测用户的浏览器是否装了,广告杀手 pop killer
- 哪位高手可以详细的说出post和get的区别?
- 怎么设置<object>对象才能没有有边框????
- 请问:管理员在页面内拖动一个新闻,使其在页面的位置重排。
- 好想研究一下怎样强制终止javascript的执行?
- 关于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);
}));
})