jQuery实现的表格前端排序功能示例

前端之家收集整理的这篇文章主要介绍了jQuery实现的表格前端排序功能示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery实现的表格前端排序功能分享给大家供大家参考,具体如下:

表格前端按列排序

依赖jQuery(本例使用jQuery-1.8.2)

1.初始化方法

插件 $.extend($,{ //命名空间 sortTable:{ sort:function(tableId,Idx){ var table = document.getElementById(tableId); var tbody = table.tBodies[0]; var tr = tbody.rows; var trValue = new Array(); for (var i=0; i0){ var num1 =value1.substring(0,index1); var num2 =value1.substring(index1+1,value1.length-1); var num3 =value2.substring(0,index2); var num4 =value2.substring(index2+1,value2.length-1); if(parseFloat(num1)>parseFloat(num3)){ return 1; } if(parseFloat(num1)代码片段,用于保存排序后的结果 //var index = 0; var arrtotal =new Array(); for (var i=0; i0){ for(var k=arrtotal.length; k<0; k-- ){ tbody.appendChild(trValue[arrtotal[k]]); } } //tbody.appendChild(trValue[index]); tbody.appendChild(fragment); //将排序的结果替换掉之前的值 tbody.sortCol = Idx; } } }); })(jQuery);

2.页面函数

3.DOM结构

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》及《

希望本文所述对大家jQuery程序设计有所帮助。

猜你在找的jQuery相关文章