jquery重新给表格排序

在web开发中,表格是经常用到的元素之一。而表格排序是表格必须具备的功能之一。jQuery可以很方便地实现表格排序功能。下面就让我们来看看如何使用jQuery重新给表格排序。

$(function() {$("th").click(function() {var index = $(this).index();//获取当前点击的th是第几个var sortTable = this.parentNode.parentNode.parentNode;//获取当前表格var tbody = sortTable.tBodies[0];//获取tbodyvar colCells = tbody.rows[0].cells.length;//获取表格一共有多少列var rows = tbody.rows;//获取tbody下所有行元素var arr = new Array();for(var i=0;ib[index] ? -1 : 1;});$(this).removeClass(asc).addClass(desc);//更新th的class}else{arr.sort(function(a,b){return a[index] >b[index] ? 1 : -1;});$(this).removeClass(desc).addClass(asc);//更新th的class}//根据当前th是否有asc或者desc来判断是升序还是降序for(var i=0;i

以上代码就是一个基本的表格排序代码实现。这段代码使用了jQuery的选择器功能来获取表格和表头元素。然后使用双重循环将表格中的数据存入二维数组中。接着根据点击的表头来判断是升序还是降序进行排序。最后通过循环重新输出到表格中。

需要注意的是,这段代码是按照表格中字符串的排序来实现的。如果表格中有数字,则需要对代码进行相应修改。同时,如果表格中有特殊情况,如单元格中含有超链接,则需要进行特殊处理。以上代码仅供参考。

jquery重新给表格排序