<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>jq sort</title>
</head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$.fn.sort=function(fun){
var d=this
var dom=this.find('tr:gt(0)')
dom.each(function(i){
dom.each(function(j){
if(j<=i){
return true;
}
var dom1=dom.eq(i)
var dom2=dom.eq(j)
if(fun(dom1,dom2)){
dom1.before(dom2);
dom=d.find('tr:gt(0)')
}
})
})
}
$(document).ready(function(){
$('tr th').each(function(i){
$(this).toggle(function(){
$(this).parent().parent().sort(function(dom1,dom2){
var value1=parseInt(dom1.find('td:eq('+i+')').text());
var value2=parseInt(dom2.find('td:eq('+i+')').text());
return value1>value2
})
},function(){
$(this).parent().parent().sort(function(dom1,dom2){
var value1=parseInt(dom1.find('td:eq('+i+')').text());
var value2=parseInt(dom2.find('td:eq('+i+')').text());
return value1<value2
})
})
})
})
</script>
<body>
<table>
<tr>
<th>序号</th>
<th>数量</th>
</tr>
<tr>
<td>10</td>
<td>10</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>11</td>
<td>27</td>
</tr>
<tr>
<td>9</td>
<td>2</td>
</tr>
</table>
</body>
</html>
分享到:
相关推荐
Jquery表格排序
table排序类,调用十分方便,点击表格标题实现升降序排序,可以支持中文排序
jquery表格排序插件 jquery表格排序插件 jquery表格排序插件
Jquery表格排序插件,支持快速排序,和复杂排序
jquery表格排序和筛选表.rar
两个非常不错的 jquery表格排序效果
jquery表格排序和筛选表
jquery 表格排序 自己写的个表格排序的小例子,希望对大家有帮助
这是一款仿Excel样式的jquery表格排序插件。该jquery表格排序插件基于bootstrap表格,它表格列支持按英文字母或数字的升序和降序排列,支持在表格列中按关键字进行搜索,支持过滤不需要的表格列。
jquery做的表格,支持排序,支持搜索
NULL 博文链接:https://chen-miao.iteye.com/blog/1484724
NULL 博文链接:https://liu346435400.iteye.com/blog/1130963
主要介绍了jQuery表格排序组件-tablesorter的使用,需要的朋友可以参考下
jquery实现表格排序,绝对实用。jquery实现表格排序,绝对实用。
DataTables是一个jQuery插件,能够让HTML表格很方便地实现分页、过滤和多栏排序等功能。DataTables可以使用本身自带的CSS样式,但还可以按自己的需要自定义CSS样式。它具有以下特征: •自适应栏宽 •可保存表格...