的Javascript分頁

Question

我發現這個jQuery的

$('table.paginated').each(function() { 
    var currentPage = 0; 
    var numPerPage = 10; 
    var $table = $(this); 
    $table.bind('repaginate', function() { 
     $table.find('tbody tr').hide().slice(currentPage * numPerPage, (currentPage + 1) * numPerPage).show(); 
    }); 
    $table.trigger('repaginate'); 
    var numRows = $table.find('tbody tr').length; 
    var numPages = Math.ceil(numRows/numPerPage); 
    var $pager = $('<div class="pager"></div>'); 
    for (var page = 0; page < numPages; page++) { 
     $('<span class="page-number"></span>').text(page + 1).bind('click', { 
      newPage: page 
     }, function(event) { 
      currentPage = event.data['newPage']; 
      $table.trigger('repaginate'); 
      $(this).addClass('active').siblings().removeClass('active'); 
     }).appendTo($pager).addClass('clickable'); 
    } 
    $pager.insertBefore($table).find('span.page-number:first').addClass('active'); 
}); 

http://jsfiddle.net/gabrieleromanato/Xugej/進行分頁

我希望有一個函數刪除分頁。

Answer 1

你可以做類似以下內容並顯示被隱藏的TR元素和隱藏尋呼機DIV

http://jsfiddle.net/hg766/

的Html

<div class="remove">Remove</div> 

JQuery的單擊動作

$('.remove').click(function(){ 
    $('.pager').hide(); 
    $('tr').show(); 
});