jquery排序问题

最新推荐文章于 2022-10-20 16:04:43 发布

AndyYuan10000

最新推荐文章于 2022-10-20 16:04:43 发布

阅读量1k

点赞数

分类专栏： js jquery

本文链接：https://blog.csdn.net/wwwyuanliang10000/article/details/29580933

版权

js 同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

jquery

3 篇文章 0 订阅

订阅专栏

 
      $( 
      function  
      () { 
     
      $( 
      '#headtr th' 
      ).each( 
      function  
      (index, el) { 
     
      $(el).click( 
      function  
      () { 
     
      // 这里要用get()获取dom数组 
     
      var  
      rows = $( 
      'tbody' 
      ).children().get(); 
     
      // 当前排序保存在tr里 
     
      var  
      bAsc = $( 
      this 
      ).hasClass( 
      'asc' 
      ); 
     
      if 
      (bAsc) { 
     
      $( 
      this 
      ).removeClass( 
      'asc' 
      ); 
     
      }  
      else  
      { 
     
      $( 
      this 
      ).addClass( 
      'asc' 
      ); 
     
      } 
     
      rows.sort( 
      function  
      (tr1, tr2) { 
     
      // 获取单元格里的内容 
     
      var  
      value1 = tr1.cells[index].innerHTML; 
     
      var  
      value2 = tr2.cells[index].innerHTML; 
     
      if  
      (bAsc) { 
     
      return  
      value1.localeCompare(value2); 
     
      }  
      else  
      { 
     
      return  
      value2.localeCompare(value1); 
     
      } 
     
      }); 
     
      for  
      ( 
      var  
      i = 0; i < rows.length; i++) { 
     
      $( 
      'tbody' 
      ).prepend(rows[i]); 
     
      } 
     
      }); 
     
      }); 
     
      });