Javascript 在最后一个和下一个按钮之间添加页码，分页

我使用javascript分页，试图让它在“上一页”和“下一页”按钮之间显示10个页码，并在第1页上删除“上一页”按钮。这是到目前为止我的代码。

1我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容


页面大小=3；
var i=1；
showPage=功能（第页）{
$（“.content”）.hide（）；
$（“.content”）。每个（函数（n）{
如果（n>=pageSize*（第1页）和&n

如果希望所有页面都位于“上一页”和“下一页”按钮之间，只需知道页面的数量，在这种情况下

var pages = Math.ceil($('.content').length / pageSize) // (12 = 4pages, 13 = 5pages)

你可以用javascript来实现。您可以添加一个容器（我们称之为“id='pager'）并在其中附加内容，例如：

for (var i = 0; i<pages; i++) {
   // We do not want page 0. You could have started with i = 1 too.
   $('#pager').append('<a href="#" class="pageClick">'+(i+1)+'</a>');
}
$('.pageClick').on('click', function(e) {
   e.preventDefault();
   // Index + 1 = the wanted page (index 0 = page 1)
   showPage($(this).index()+1);
});

for（var i=0；i只需从中添加“jPages.js”文件即可


并添加以下代码：

HTML代码：

for (var i = 0; i<pages; i++) {
   // We do not want page 0. You could have started with i = 1 too.
   $('#pager').append('<a href="#" class="pageClick">'+(i+1)+'</a>');
}
$('.pageClick').on('click', function(e) {
   e.preventDefault();
   // Index + 1 = the wanted page (index 0 = page 1)
   showPage($(this).index()+1);
});

 $(function(){
    $("div.holder").jPages({
        containerID  : "itemContainer",
        perPage      : 10,
        startPage    : 1,
        startRange   : 1,
        midRange     : 5,
        endRange     : 1
    });
});