在前端開發中，我們經常需要對頁面上的數據進行分頁展示。其中，使用 jQuery 的 li 分頁方法是一種非常常見的做法。本文將介紹如何使用 jQuery 的 li 分頁方法實現數據分頁展示。 首先，我們需要在頁面上定義一個列表，以便后續對這個列表進行分頁操作。在這個列表中，我們需要設置一個 ID，方便 jQuery 找到這個列表進行操作，同時在列表中添加 li 元素，這些 li 元素是需要進行分頁的數據。

<div id="page">
<ul class="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</div>

接著，在頁面中引入 jQuery 庫文件。然后，在頁面加載完成后，我們可以使用 jQuery 的 ready 方法獲取到列表元素，并進行分頁操作。下面是實現代碼：

$(document).ready(function() {
var pageSize = 3; // 每頁顯示的數量
var allLi = $("#page .list li"); // 獲取所有的 li 元素
var pageNum = Math.ceil(allLi.length / pageSize); // 計算需要分頁的頁數
var index = 0; // 默認顯示第一頁
// 根據頁碼顯示對應的 li 元素
function showPage(index) {
allLi.hide() // 隱藏所有的 li 元素
.slice(index * pageSize, (index + 1) * pageSize) // 獲取當前頁碼對應的 li 元素
.show(); // 顯示當前頁碼對應的 li 元素
}
// 添加分頁按鈕
for(var i = 0; i < pageNum; i++) {
$("" + (i + 1) + "")
.appendTo("#page") // 添加到頁面
.click(function() {
index = $(this).index(); // 更新當前頁碼
showPage(index); // 顯示對應的分頁內容
return false;
});
}
// 默認顯示第一頁內容
showPage(index);
});

通過以上代碼，我們就實現了對頁面上的列表進行分頁展示。我們可以看到，默認顯示第一頁的內容，同時頁面上添加了分頁按鈕，點擊分頁按鈕可以顯示對應的分頁內容。 總之，使用 jQuery 的 li 分頁方法是一種非常方便實用的前端分頁技巧，對于數據分頁展示來說是一種不錯的選擇。