使用下一个、上一个、最后一个和第一个按钮进行分页

Question

我是jQuery的初学者，我试图用下一个，上一个，第一个和最后一个按钮进行分页，但我不能。

这是我的代码：

pageSize = 8;
var pageCount = $(".group").length / pageSize;
for(var i = 0 ; i<pageCount;i++){   
$("#pagin").append('<li><a href="#">'+(i+1)+'</a></li> ');
}
$("#pagin li").first().find("a").addClass("current")
showPage = function(page) {
$(".group").hide();
$(".group").each(function(n) {
if (n >= pageSize * (page - 1) && n < pageSize * page)
$(this).show();
});        
}
showPage(1);
$("#pagin li a").click(function() {
$("#pagin li a").removeClass("current");
$(this).addClass("current");
showPage(parseInt($(this).text())) 
});

Answer 1

目前还不清楚您要查找的内容，但我猜您希望分页链接中包含下一个/上一个链接。

首先非常简单 - 只需链接到索引为 0 的页面：

$("#pagin").append('<li><a href="#" class="hidden" data-index="0">first</a></li>');

同样，最后一个只是指向页数的链接：

$("#pagin").append('<li><a href="#" class="hidden" data-index="'+pageCount+'">last</a></li>');

上一页/下一页需要您存储当前页面的内容：

https://jsfiddle.net/cfqx3ba6/