回覆列表
  • 1 # 使用者834195712159

    $(function(){

    var aTdCont = [];

    var thi = 0

    //重新對TR進行排序

    var setTrIndex = function(tdIndex){

    for(i=0;i<aTdCont.length;i++){

    var trCont = aTdCont[i];

    $("tbody tr").each(function() {

    var thisText = $(this).children("td:eq("+tdIndex+")").text();

    if(thisText == trCont){

    $("tbody").append($(this));

    }

    });

    }

    }

    //比較函式的引數函式

    var compare_down = function(a,b){

    return a-b;

    }

    var compare_up = function(a,b){

    return b-a;

    }

    //比較函式

    var fSort = function(compare){

    aTdCont.sort(compare);

    }

    //取出TD的值,並存入陣列,取出前二個TD值;

    var fSetTdCont = function(thIndex){

    $("tbody tr").each(function() {

    var tdCont = $(this).children("td:eq("+thIndex+")").text();

    aTdCont.push(tdCont);

    });

    }

    var clickFun = function(thindex){

    aTdCont = [];

    var nThCount = thindex;

    //呼叫sortTh函式 取出要比較的資料

    fSetTdCont(nThCount);

    }

    $("th").toggle(function(){

    thi= $(this).index();

    clickFun(thi);

    //呼叫比較函式,降序

    fSort(compare_up);

    //重新排序行

    setTrIndex(thi);

    },function(){

    clickFun(thi);

    //呼叫比較函式 升序

    fSort(compare_down);

    //重新排序行

    setTrIndex(thi);

    })

    })

    主要思路:

      因為JS有SORT的方法,對陣列進行排序,那麼透過個方法,我們就會想到陣列了。

  • 中秋節和大豐收的關聯?
  • 有個逗逼、可愛又暖心的女朋友是什麼感覺?