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 阅读(683) 评论(0)  编辑  收藏 所属分类: Ajax


只有注册用户登录后才能发表评论。


网站导航:
 
<2009年5月>
262728293012
3456789
10111213141516
17181920212223
24252627282930
31123456

导航

统计

公告

welcome to my place.

常用链接

留言簿(5)

我参与的团队

随笔分类

随笔档案

新闻分类

石头JAVA摆地摊儿

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜

@duduli