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

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>');

同样 last 只是页数的链接：

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

上一页/下一页将需要您存储当前页面是什么：

https://jsfiddle.net/cfqx3ba6/