jquery 中的記錄(排序)

          sort
          <table class="sortable">
          <thead>
            
          <tr>
              
          <th></th>
              
          <th class="sort-alpha">Tile</th>
              
          <th>Authors</th>
              
          <th>Publish</th>
              
          <th>Price</th>
            
          </tr>
            
            
          <tbody>
              
          <tr>
                
          <td><img src=""></td>
                
          <td>Building Website with Joomla</td>
                
          <td>Hagen Graf</td>
                
          <td>Feb 2007</td>
                
          <td>$41.32</td>
              
          </tr>
              
          <tr>
                
          <td><img src=""></td>
                
          <td>Learning Manbo</td>
                
          <td>Douglas  Paterson</td>
                
          <td>Feb 2006</td>
                
          <td>$23.32</td>
              
          </tr>
            
          </tbody>
          </thead>

          $(document).ready(function(){
            
          var alternaterRpwColors = function(){
               $('tbody tr:odd',$table).removeClass('even').addClass('odd');
               $('tbody tr:even',$table).removeClass('odd').addClass('even');
              };
              
              $('table.sortable').each(
          function(){
                
          var $table = $(this);
                alternaterRpwColors($table);
                $('th'.$table).each(
          function(column){
                  
          if($(this).is('.sort-alpha')){
                    $(
          this).addClass('clickable').hover(function(){
                      $(
          this).addClass('hover');
                    }.
          function(){
                      $(
          this).removeClass('hover');
                    }).click(
          function(){
                      
          var row = $table.find('tbody > tr').get();
                      row.sort(
          function(a,b){
                        
          var keyA = $(a).children('td').eq(colum).text().toUpperCase();
                        
          var keyB = $(b).children('td').eq(colum).text().toUpperCase();
                        
                        fi(keyA 
          < keyB) return -1;
                        
          if(keyA > keyB) return 1;
                        
          return 0;
                      });
                      
                      $.each(row,
          function(index,row){
                        $table.children('tbody').append(row);
                      });
                      alternaterRpwColors($table);
                    });
                  }
                });
              });
          });


          posted on 2009-05-21 15:54 duduli 閱讀(758) 評論(0)  編輯  收藏 所屬分類: Ajax

          <2009年5月>
          262728293012
          3456789
          10111213141516
          17181920212223
          24252627282930
          31123456

          導(dǎo)航

          統(tǒng)計(jì)

          公告

          welcome to my place.

          常用鏈接

          留言簿(5)

          我參與的團(tuán)隊(duì)

          隨筆分類

          隨筆檔案

          新聞分類

          石頭JAVA擺地?cái)們?/h3>

          搜索

          •  

          積分與排名

          • 積分 - 257005
          • 排名 - 220

          最新評論

          閱讀排行榜

          評論排行榜

          @duduli
          主站蜘蛛池模板: 高清| 新干县| 中宁县| 涞源县| 星座| 盐亭县| 新竹市| 明水县| 贞丰县| 大洼县| 常熟市| 梁平县| 田林县| 视频| 中宁县| 西贡区| 宿松县| 潮安县| 炉霍县| 建始县| 龙川县| 宁海县| 西安市| 沙坪坝区| 武穴市| 晋江市| 贵南县| 即墨市| 翼城县| 绥宁县| 阿拉尔市| 凤山县| 四子王旗| 团风县| 出国| 吉林省| 五大连池市| 海门市| 三穗县| 旺苍县| 会泽县|