jquery分页

HTML 结构可能如下：

```html

```

以下是基本的 jQuery 分页实现：

```javascript

$(document).ready(function() {

var dataList = ['数据项 1', '数据项 2', '数据项 3', '数据项 4', '数据项 5', ...]; // 你的数据源

var pageSize = 5; // 每页显示的条数

var totalPage = Math.ceil(dataList.length / pageSize); // 总页数

var currentPage = 1; // 当前页码

var start = (currentPage - 1) * pageSize; // 当前页的起始位置

var end = start + pageSize; // 当前页的结束位置

var pageHTML = '上一页'; // 分页按钮 HTML 结构

for (var i = 1; i <= totalPage; i++) { // 创建分页按钮列表

pageHTML += '' + i + '';

}

pageHTML += '下一页'; // 添加下一页按钮

$('#pagination').html(pageHTML); // 将分页按钮添加到 HTML 中

// 显示当前页面的数据函数

function showData() {

var dataContainer = $('#dataContainer'); // 数据容器元素

dataContainer.empty(); // 清空当前数据容器内容

for (var i = start; i < end; i++) { // 循环添加当前页面的数据到容器中

dataContainer.append('

}

}

showData(); // 显示第一页的数据

// 上一页按钮点击事件处理函数

$('#prevPage').click(function() { // 上一页按钮点击事件处理函数实现部分留空，您可以在这里编写您的逻辑） ... });

// 下一页按钮点击事件处理函数同上。可以根据上述逻辑进行编写。当到达最后一页时，可能需要禁用下一页按钮。当到达第一页时，可能需要禁用上一页按钮。具体实现可以根据您的需求进行定制。

});

```

以上是一个基本的分页实现方式，实际使用中可能需要结合 AJAX 或其他技术来实现异步加载数据。注意这个简单的例子并未考虑动态更新和性能优化的问题，复杂的分页可能需要更复杂的逻辑来处理这些问题。