html中table数据排序的js代码


Posted in Javascript onAugust 09, 2011

对了,注意那个innerText和innerHTML

function sortCells(event) { 
var obj = event.target; 
var count = 0; count是记录点击次数的,根据奇偶进行升序或降序 
if(!obj.getAttribute("clickCount")){ 
obj.setAttribute("clickCount", 0); 
} else { 
count = parseInt(obj.getAttribute("clickCount")); 
count++; 
obj.setAttribute("clickCount", count); 
} 
var table = event.target.parentNode.parentNode; 
if(table.nodeName.localeCompare("THEAD") == 0){ 
if(table.parentNode.nodeName.localeCompare("TABLE") == 0){ 
table = table.parentNode; 
} else { 
return; 
} 
} else if(table.nodeName.localeCompare("TBODY") == 0){ 
if(table.parentNode.nodeName.localeCompare("TABLE") == 0){ 
table = table.parentNode; 
} else { 
return; 
} 
} else if(table.nodeName.localeCompare("TABLE") == 0){ 
} else { 
return; 
} 
var colNum; 
for(x = 0; x < table.rows(1).cells.length; x++){ 
if(event.target.innerText.localeCompare(table.rows(0).cells[x].innerText) == 0){ 
colNum = x; 
break; 
} 
} 
var column = table.rows(1).cells.length; 
var row = table.rows.length; 
var Ar = new Array(row - 1); 
for (x = 0; x < row - 1; x++) { 
Ar[x] = new Array(column); 
} 
for (x = 1; x < row; x++) { 
for (y = 0; y < column; y++) { 
Ar[x - 1][y] = table.rows(x).cells(y).innerHTML; 
} 
} 

 //这个可以对字符串进行本地化排序 
/* if((count%2) == 0){ 
Ar.sort(function(a, b) { 
return b[colNum].localeCompare(a[colNum]) 
}); 
} else { 
Ar.sort(function(a, b) { 
return a[colNum].localeCompare(b[colNum]) 
}); 
} */ 
var temp; 
for (x = 0; x < row - 1; x++) { 
for (y = 1; y < row - 1; y++) { 
temp = Ar[y - 1]; 
if((count % 2) == 0){ 
if (parseInt(Ar[y - 1][colNum]) >= parseInt(Ar[y][colNum])) { 
Ar[y - 1] = Ar[y]; 
Ar[y] = temp; 
} 
} else { 
if (parseInt(Ar[y - 1][colNum]) <= parseInt(Ar[y][colNum])) { 
Ar[y - 1] = Ar[y]; 
Ar[y] = temp; 
} 
} 
} 
} 
for (x = 1; x < row; x++) { 
for (y = 0; y < column; y++) { 
table.rows(x).cells(y).innerHTML = Ar[x - 1][y]; 
} 
} 
count++; 
}
Javascript 相关文章推荐
JavaScript 输入框内容格式验证代码
Feb 11 Javascript
读jQuery之十一 添加事件核心方法
Jul 31 Javascript
JavaScript fontcolor方法入门实例(按照指定的颜色来显示字符串)
Oct 17 Javascript
jQuery性能优化技巧分析
Feb 20 Javascript
Javascript的表单与验证-非空验证
Mar 18 Javascript
bootstrap fileinput完整实例分享
Nov 08 Javascript
jq checkbox 的全选并ajax传参的实例
Apr 01 Javascript
AngularJS中的路由使用及实现代码
Oct 09 Javascript
koa源码中promise的解读
Nov 13 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
Apr 10 Javascript
vue中destroyed方法的使用说明
Jul 21 Javascript
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
Aug 28 Javascript
最常用的12种设计模式小结
Aug 09 #Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
Aug 09 #Javascript
javascript 主动派发事件总结
Aug 09 #Javascript
JsDom 编程小结
Aug 09 #Javascript
IE 当eval遇上function的处理
Aug 09 #Javascript
取得窗口大小 兼容所有浏览器的js代码
Aug 09 #Javascript
Javascript实现的类似Google的Div拖动效果代码
Aug 09 #Javascript
You might like
php和js交互一例-PHP教程,PHP应用
2007/01/03 PHP
phpmyadmin MySQL 加密配置方法
2009/07/05 PHP
PHP中应该避免使用同名变量(拆分临时变量)
2015/04/03 PHP
php随机显示指定文件夹下图片的方法
2015/07/13 PHP
比较完整的微信开发php代码
2016/08/02 PHP
PHP的图像处理实例小结【文字水印、图片水印、压缩图像等】
2019/12/20 PHP
用JavaScript对JSON进行模式匹配 (Part 2 - 实现)
2010/07/17 Javascript
extjs之去除s.gif的影响
2010/12/25 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
2012/11/07 Javascript
javascript对JSON数据排序的3个例子
2014/04/12 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
js判断子窗体是否关闭的方法
2015/08/11 Javascript
深入理解js函数的作用域与this指向
2016/05/28 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
2016/12/14 Javascript
利用Angular.js编写公共提示模块的方法教程
2017/05/28 Javascript
深入理解Vue-cli搭建项目后的目录结构探秘
2017/07/13 Javascript
使用js获取伪元素的content实例
2017/10/24 Javascript
使用 vue.js 构建大型单页应用
2018/02/10 Javascript
axios使用拦截器统一处理所有的http请求的方法
2018/11/02 Javascript
js函数柯里化的方法和作用实例分析
2020/04/11 Javascript
[07:57]2018DOTA2国际邀请赛寻真——PSG.LGD凤凰浴火
2018/08/12 DOTA
python 文件和路径操作函数小结
2009/11/23 Python
python的urllib模块显示下载进度示例
2014/01/17 Python
Python批量修改文件后缀的方法
2014/01/26 Python
python中利用xml.dom模块解析xml的方法教程
2017/05/24 Python
浅谈Pycharm最有必要改的几个默认设置项
2020/02/14 Python
详解pandas.DataFrame.plot() 画图函数
2020/06/14 Python
CSS3 绘制BMW logo实的现代码
2013/04/25 HTML / CSS
The Hut德国站点:时装、家居用品、美容等
2016/09/23 全球购物
董事长职责范文
2013/11/08 职场文书
平安建设实施方案
2014/03/19 职场文书
党员批评与自我批评发言
2014/10/02 职场文书
简易离婚协议书范本2014
2014/10/15 职场文书
努力学习保证书
2015/02/26 职场文书
导游词之杭州岳王庙
2019/11/13 职场文书
深入理解redis中multi与pipeline
2021/06/02 Redis