表格,点击表头js排序代码。

$('th').each(function(column){
     $(this).hover(
      function(){
       $(this).addClass('hover');
      },
      function(){
       $(this).removeClass('hover');
      }
     );
     
      var sortdir=0;
      $(this).click(function(){
       if($(this).is('.asc')){
        $(this).removeClass('asc');
        $(this).addClass('desc');
        sortdir=-1;
       }else{
        $(this).addClass('asc');
        $(this).removeClass('desc');
        sortdir=1;
       }
       $(this).siblings().removeClass('asc');
       $(this).siblings().removeClass('desc');
       
        var rec=$('table').find('tbody >tr').get();
        rec.sort(function(a,b){
         var vala=$(a).children('td').eq(column).text().toUpperCase();
         var valb=$(b).children('td').eq(column).text().toUpperCase();
         return (vala<valb)?-sortdir:(vala>valb)?sortdir:0;
         });
        
        $.each(rec,function(index,row){
         $('tbody').append(row);
        });
        
          });
        });
      
  });

你可能感兴趣的:(表格,点击表头js排序代码。)