Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用“下一个”、“上一个”、“最后一个”和“第一个”按钮分页_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 使用“下一个”、“上一个”、“最后一个”和“第一个”按钮分页

Javascript 使用“下一个”、“上一个”、“最后一个”和“第一个”按钮分页,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我是jQuery的初学者,我试图用next、previous、first和last按钮进行分页,但我做不到 这是我的代码: pageSize = 8; var pageCount = $(".group").length / pageSize; for(var i = 0 ; i<pageCount;i++){ $("#pagin").append('<li><a href="#">'+(i+1)+'</a></li> ');

我是jQuery的初学者,我试图用next、previous、first和last按钮进行分页,但我做不到

这是我的代码:

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())) 
});
pageSize=8;
var pageCount=$(“.group”).length/pageSize;
对于(变量i=0;i=pageSize*(第1页)和&n
不太清楚您在寻找什么,但我猜您希望在分页链接中包含下一个/上一个链接

第一个非常简单-只需链接到索引为0的页面:

$("#pagin").append('<li><a href="#" class="hidden" data-index="0">first</a></li>');
$(“#pagin”).append(“
  • ”);
    同样,最后一个只是指向页面计数的链接:

    $("#pagin").append('<li><a href="#" class="hidden" data-index="'+pageCount+'">last</a></li>');
    
    $(“#pagin”).append(“
  • ”);
    上一页/下一页需要您存储当前页的内容:


    你的问题是什么?如果你是jQuery的初学者,你应该使用插件。除了“我不能”之外,你不能表达问题的细节,这意味着你需要基础知识方面的帮助,“剪切粘贴”不是编程。谢谢你的回答。对不起,我解释得不够清楚。