jQuery有一個nextPage函數用來實現條件分頁功能。使用這個函數可以方便地按照一定的條件顯示指定的數據。

// 示例代碼
function renderTable(pageNum, pageSize) {
var url = '/api/data';
var data = { pageNum: pageNum, pageSize: pageSize };
$.ajax({
url: url,
data: data,
type: 'GET',
success: function(res) {
var data = res.data;
var total = res.total;
// 渲染數據
}
})
}
$('#next-page-btn').click(function() {
var pageNum = parseInt($('#page-num-input').val());
var pageSize = parseInt($('#page-size-input').val());
if (isNaN(pageNum) || isNaN(pageSize) || pageNum< 1 || pageSize< 1) {
alert('請輸入正確的分頁參數');
return;
}
renderTable(pageNum, pageSize);
$('#page-num-input').val(pageNum + 1);
});

以上示例代碼展示了一個使用nextPage函數實現的基本分頁功能。主要的步驟包括：

• 監聽“下一頁”按鈕的點擊事件
• 獲取當前的頁碼和每頁顯示的條數
• 如果輸入的參數不合法，則提示用戶重新輸入
• 根據參數向服務器請求數據并渲染到頁面上
• 將頁碼加1，為下次請求做準備

這里只是一個簡單的示例，nextPage函數可以根據實際的需求進行定制。例如，可以加入排序、過濾等功能，讓分頁更加靈活、自由。