表格,點擊表頭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);         });                    });         });          });
相關文章
相關標籤/搜索