jquery 中的table sort控制

前段table Header

 

<thead id ="tablehe" style="display:none">
        <tr id="tablehead">
          <th class="tabhead" width="15%"><div sortname="companyName" class="">Company</div></th>
      	  <th class="tabhead tabhead_on" width="15%"><div sortname="opportunityName" class="arrowdiv_up">Title</div></th>
      	  <th class="tabhead" width="16%"><div sortname="pursuitLeaderName" class="">Pursuit Leader</div></th>
          <th class="tabhead" width="10%"><div sortname="service" class="">Service</div></th>
          <th class="tabhead" width="11%"><div sortname="probability" class="">Probability</div></th>
      	  <th class="tabhead" width="12%"><div  sortname="salesStage" class="">Sales Stage</div></th>
          <th class="tabhead" width="11%"><div sortname="closeDate" class="">Close date</div></th>
          <th class="tabhead" colspan="2" width="20%"><div sortname="tcv" class="">TCV</div></th>
        </tr>
       </thead>

js代码

function registerSortable(){
    $("#tablehead").children().each(function(i,e){
            $(this).click(function(d){

                $(this).siblings().children("div").removeClass("arrowdiv_up");
                $(this).siblings().children("div").removeClass("arrowdiv_down");
                $(this).siblings("th").removeClass("tabhead_on");
                $(this).addClass("tabhead_on");

                var sortASC;
                var div = $(this).find("div:eq(0)");
               var  sortClumn = div.attr("sortname");
                if(!div.hasClass("arrowdiv_down") && !div.hasClass("arrowdiv_up")){
                 div.addClass("arrowdiv_up");
                  sortAsc = true;
               }else{
                         if(div.hasClass("arrowdiv_down")){
                             div.removeClass("arrowdiv_down");
                              div.addClass("arrowdiv_up");
                               sortAsc = true;
                             }else if(div.hasClass("arrowdiv_up")){
                                 div.removeClass("arrowdiv_up");
                                 div.addClass("arrowdiv_down");
                                 sortAsc = false;
                             }
                     }
}