位置: 编程技术 - 正文
推荐整理分享基于jQuery实现表格的排序(jquery实战),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:jquery实战,使用jquery实现的项目,jquery操作table,使用jquery实现的项目,jquery操作表单,jquery写表格,jquery表达式,使用jquery实现的项目,内容如对您有帮助,希望把文章链接给更多的朋友!
主要思路:
因为JS有SORT的方法,对数组进行排序,那么通过个方法,我们就会想到数组了。
1.点标表格标头的时候,取出点击的是那一列。即列的索引值。因为下面要进行排序的就是该列。所以我要知道是点的那一列。
2.对表格的数据部分,也就是tbody部分,进行点击的列的取值,把这些值存入到一个数组当中。
3.将存入数据的数组,通过SORT方法进行排序。(这里写了两种,升,或降,因为是点击时要切换排序的方式。第一次降,第二次升,第三降,第四升,依次进行)
4.将排序好的数组的值进行遍历,在遍历过程中,和每一行TR的点击列的那个TD当中的数据进行一个比较。如果相等,就插入到tbody的最后去.(最先插入的,将是在第一行。)
标签: jquery实战
本文链接地址:https://www.jiuchutong.com/biancheng/376291.html 转载请保留说明!上一篇:利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)(jquery插件使用教程)
下一篇:利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)(jquery 插件写法)
友情链接: 武汉网站建设