根据表格中的某一列进行排序的javascript代码
2013-11-29 00:00
656 查看
<script type="text/javascript"> var b = true ; function sortAge(){ var tabNode = document.getElementsByTagName("table")[0]; var trNodes = tabNode.rows; //获取表格中的行对象 var arr = new Array(); for(var x=1;x<trNodes.length;x++){ //临时容器存入的是表格中行对象的引用 arr[x-1] = trNodes[x]; } sort(arr); var tbdNode = tabNode.childNodes[0]; if(b){ //if....else...控制按年龄的升降进行排序 for(var x=0;x<arr.length;x++){ tbdNode.appendChild(arr[x]); } b = false; }else{ for(var x=arr.length-1;x>=0;x--){ tbdNode.appendChild(arr[x]); } b = true ; } } function sort(arr){ // 排序 for(var x=0;x<arr.length;x++){ for(var y=x+1;y<arr.length;y++){ if(parseInt(arr[x].cells[1].innerText)>parseInt(arr[y].cells[1].innerText)){ // 不进行parseInt转换是以字符串的ASCII比较 var temp = arr[x]; arr[x] = arr[y]; arr[y] = temp; } } } } </script> <style type="text/css"> table{ width:60%; border:solid 1px #0066FF;} table td {border:solid 1px #0099ff;} a{ text-decoration: none;} </style> </head> <body> <table> <tr> <td>姓名</td><td><a href="javascript:void(0)" onclick="sortAge()">年龄</a></td><td>地址</td> </tr> <tr> <td>张三</td><td>23</td><td>北京</td> </tr> <tr> <td>李四</td><td>25</td><td>上海</td> </tr> <tr> <td>王五</td><td>15</td><td>广州</td> </tr> <tr> <td>唐总</td><td>20</td><td>长沙</td> </tr> </table> </body>
相关文章推荐
- 【javascript】根据表格中的某一列进行排序
- 根据表格中的某一列进行排序的javascript代码
- 根据对象的某一属性进行排序的js代码(如:name,age)
- 根据对象中某一属性进行升序降序排序的javascript实现
- 根据对象的某一属性进行排序的js代码(如:name,age)
- 根据对象的某一属性进行排序的js代码(如:name,age)
- excel表格,根据某一列的值对整行进行颜色填充
- 基于JavaScript实现Json数据根据某个字段进行排序
- python --- 根据某一元素进行分组,然后排序
- 对javascript表格中的元素进行排序(正序和倒序)
- 【JS】根据表格ID进行排序(附注释)
- 分组 根据某一列进行排序,根据shopid分组,用createTime排序,返回row_number()序号 select no =row_number() over (partition by shopId order by createTime desc), * from Goods_info
- javascript 二维排序表格代码
- javascript实现对表格元素进行排序操作
- js,jquery 根据对象某一属性进行排序
- js数组排序,根据数组中对象的某一属性进行排序 支持数字和字符串的排序,也支持按两个属性进行排序
- JavaScript 对象数组,根据某个对象属性进行排序
- javascript 二维排序表格代码
- 基于JavaScript实现Json数据根据某个字段进行排序
- javascript多种数据类型表格排序代码分析