[JS] JQuery table 排序

爱被打了一巴掌 2022-06-18 02:59 194阅读 0赞

function table_Sortid(name) {  
             var table = $("#" + name);  
             var table_th = table.find("> thead >  tr > th");//使用个>符号,可以只查询到指定的路径下.可防止Table中,嵌套Table时出错. 
                 //table_th.eq(col[z]).append("<span class='none' type='order'>order</span>");//加上样式  
                     var th = table_th.eq(1);
                     var rule = th.find("input[value=orderloginid]").eq(0).attr('class');//获取应该进行排列的方式  
                     if (rule == 'desc') th.find("input[value=orderloginid]").eq(0).attr('class', 'asc');  
                     else th.find("input[value=orderloginid]").eq(0).attr('class', 'desc');  
                     var arr_tr = table.find("> tbody > tr");  
                     var size = arr_tr.size();
                     //冒泡排序
                     for (var i = 0; i < size; i++) {  
                         for (var y = size-1; y > i; y--) {
                             arr_tr = table.find("> tbody > tr");  
                             var leftvalue = arr_tr.eq(y-1).find(" > td").eq(1).find(" > span").eq(0).find(" > a").eq(0).html(); 
                             var rightvalue = arr_tr.eq(y).find(" > td").eq(1).find(" > span").eq(0).find(" > a").eq(0).html(); 
                           //  alert(i+"  "+y+" " +leftvalue +" "+rightvalue+"  "+leftvalue.localeCompare(rightvalue));
                             if (rule == 'desc') {  
                            	 if (leftvalue.localeCompare(rightvalue)==-1) {  
                            		 arr_tr.eq(y-1).before(arr_tr.eq(y));
                                 }
                             }  
                             else {  
                            	 if (leftvalue.localeCompare(rightvalue)==1) {  
                                	 arr_tr.eq(y-1).before(arr_tr.eq(y));
                                 }  
                             }
                         }  
                     }      
         	}

在上面的js 代码中，耦合了jsp 界面(如 arr\_tr.eq(y-1).find(" > td").eq(1).find(" > span").eq(0).find(" > a").eq(0).html(); )。如果想应用到自己的jsp 中，请相应改正。

> 这里面主要用到 jquery 的这个特性：
> 
> 函数：
> 
>     $("p").before( $("#foo"));
> 
> 调用函数前：
> 
>     <p>I would like to say: </p><b id="foo">Hello</b>
> 
>   
> 调用函数后：
> 
>     <b id="foo">Hello</b><p>I would like to say: </p>
> 
>   
>

发表评论取消回复

表情：

评论列表（有 0 条评论，194人围观）

还没有评论，来说两句吧...

相关阅读

相关拖动table,li排序

注:数据库应设置一个排序字段int型，每次增加一条数据时排序字段都为最小的数再减一一、前端JS库和CSS样式 1、ui.core.js

野性酷女/ 2022年09月18日 14:51/ 0 赞/ 234 阅读

相关 jquery 鼠标拖动排序Li或Table

1、前端页面 <%@ Page Language="C" AutoEventWireup="true" CodeFile="拖动排序Li或Table.aspx.cs"

￡神魔★判官ぃ/ 2022年08月27日 03:39/ 0 赞/ 220 阅读

相关 jquery的table每列得到ID，jquery组装table

在html或jsp页面的Table这样写： <pre name="code" class="html"><table class="listtable" id = "

骑猪看日落/ 2022年08月18日 13:19/ 0 赞/ 227 阅读

相关基于jquery的Table表格排序插件

之前在公司做的项目里面用到了一个用js对table进行排序的小功能，考虑到项目本身使用了jquery框架，并且这个功能比较通用，于是利用jquery机制做成了个简单的插件，这样

左手的ㄟ右手/ 2022年08月06日 15:16/ 0 赞/ 271 阅读

相关 Jquery的Table

function loadDataTable() { $("dataTables-example").dataTable({ "bServerSi

爱被打了一巴掌/ 2022年07月12日 09:57/ 0 赞/ 216 阅读

相关 [JS] JQuery table 排序

function table_Sortid(name) { var table = $("" + name);

爱被打了一巴掌/ 2022年06月18日 02:59/ 0 赞/ 195 阅读

相关 jquery操作table表格

一、数据准备 <table id="table1"> <tr><th>文章标题</th><th>文章分类</th><th>

分手后的思念是犯贱/ 2022年05月24日 10:12/ 0 赞/ 257 阅读

相关 JQuery操作Table

JQuery操作Table 的例子：最后面有图片效果：注意table的TD上面的 editTemplate 属性....很简单.. 直接看代码吧：

水深无声/ 2022年04月16日 07:09/ 0 赞/ 371 阅读

相关 iview中table排序

看到一篇比较好的文章，分享出来：[https://blog.csdn.net/qmzmzxk/article/details/81748422][https_blog.csdn

今天药忘吃喽~/ 2022年04月06日 05:42/ 0 赞/ 501 阅读

相关 antd table 排序

1，效果图如下 ![2019051717441622.png][] 2，代码如下 @Form.create() class StudentsList ex

淩亂°似流年/ 2022年01月30日 02:29/ 0 赞/ 591 阅读