javascript - 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();
});