jQuery对table排序

  <script>
        //col对应列,cmp两数比较方法,返回值为TRUE,FALSE
        function sort(col, cmp) {
            var table = $("#test")//获取table
            var trs = table.find("tr");//找到所有行
            var max;
            var index;
            var tmp;
            var arr = new Array();
            for (i = 0; i < trs.length; i++) {
                arr[i] = i;
            }
            //第一行为列头,不在排序中(选择排序)
            for (i = 1; i < trs.length; i++) {
                max = trs.eq(arr[i]).find("td").eq(col).text();
                index = i;
                for (j = i + 1; j < trs.length; j++) {
                    if (cmp(trs.eq(arr[j]).find("td").eq(col).text(), max)) {
                        max = trs.eq(arr[j]).find("td").eq(col).text();
                        index = j;
                    }
                }
                tmp = arr[i];
                arr[i] = arr[index];
                arr[index] = tmp;
            }
            for (i = 1; i < trs.length; i++) {
                //alert(trs.eq(i-1).find("td").eq(col).text());
                trs.eq(arr[i - 1]).after(trs.eq(arr[i]));
            }
        }

        function intCmp(a, b) {
            if (parseInt(a) < parseInt(b))
                return true;
            return false;
        }
        function stringCmp(a, b) {
            if (a > b)
                return true;
            return false;
        }
    </script>

jQuery对table排序

时间: 2024-11-15 09:11:28

jQuery对table排序的相关文章

jQuery实现table排序

代码实现: html: 1 <div class="wrap"> 2 <table class="table sortTable"> 3 <thead> 4 <tr> 5 <th class="sortable" data-sort='number'>序号</th> 6 <th class="sortable" data-sort='string'&

jquery 鼠标拖动排序Li或Table

1.前端页面 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="拖动排序Li或Table.aspx.cs" Inherits="拖动排序Li或Table" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o

js实现table排序(jQuery下的jquery.sortElements)

项目中要实现table排序的功能. 网上有非常多解决方式,非常多都基于jQuery. jquery.tablesorter.大小17KB.只是他的首页在ie10下兼容性有点问题. DataTables,大小75KB.功能强大,带分页,搜索等功能. 还有插件叫sortElements,非常小巧.仅仅有3KB.兼容性也不错.并且在Github上有818个星. 最后我选择用sortElements,实现非常easy: 1. 引入jQuery <script type="text/javascri

jQuery遍历table中的tr td并获取td中的值

jQuery遍历table中的tr td并获取td中的值 $(function(){ $("#tableId tr").find("td").each(function(){ <span style="white-space:pre"> </span> var year = $("#year").val(); var month = $("#month").val(); var da

jquery遍历table tr td内容

$("#result").find("tr").each(function () { $(this).find("td").each(function () { if ($(this).text().indexOf("惠") > 0) { var m = $(this).text().toString(); $(this).css("width", "165px"); $(this

js table排序

table排序 一.table排序解决方案: 方案一: tablesorter.js 方案二: flexigrid.js 二.Demo下载地址: 1.tablesorter.js下载地址: http://download.csdn.net/detail/zhang1096646030/8890489 2.flexigrid.js下载地址:

关于Jquery获取Table中td内的内容

$(this).children().eq(1).text()获取的是显示的值$(this).children().eq(1).html()获取的是<td></td>之间的所有内容$('.trSelected',grid).find("td").eq(7).text();获取的是选中的某行的内容 遍历表<table id="gird"..... $("#grid tr").each(function() {     

汇总常用的jQuery操作Table tr td方法

虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下次再使用的到时候,会让你如鱼得水,提高开发效率. 1.鼠标移动行变色  $("#table1 tr").hover(function(){ $(this).children("td").addClass("hover") },function(){

jQuery实现table隔行换色和鼠标经过变色

一.隔行换色 $("tr:odd").css("background-color","#eeeeee"); $("tr:even").css("background-color","#ffffff"); 或者一行搞定: $("table tr:nth-child(odd)").css("background-color","#eeeeee