Javascript Jquery中的动态分页

我有以下代码：

//分页
页面大小=8；
showPage=功能（第页）{
$（“.line content”）.hide（）；
$（“.line content”）。每个（函数（n）{
如果（n>=pageSize*（第1页）和&n
.current{
颜色：绿色；
}
#李佩金{
显示：内联块；
}

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





将其放置在DOM就绪时执行的某个位置，但在添加click事件处理程序之前

//How many pages do we want?
elementCount = $('.line-content').size();
pageCount = Math.ceil(elementCount / pageSize);

//Add the buttons.
buttons = '';
for(i=1; i<=pageCount; i++) {
    buttons += '<li><a href="#">' + i + '</a></li>');
}
$('#pagin').html(buttons);

免责声明：我还没有测试这段代码。
计算页面数，而不是通过循环创建页面链接


//分页
页面大小=8；
var pageCount=$（“.line content”）.length/pageSize；
对于（变量i=0；i=pageSize*（第1页）和&n
.current{
颜色：绿色；
}
#李佩金{
显示：内联块；
}

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

您需要使用
Math.ceil（$（“.line content”）.size（）/pageSize）
对页面进行计数，然后为每个页面动态添加

我已将初始化代码移到$（）（即就绪事件）中。
//分页
页面大小=8；
$（函数（）{
var pageCount=Math.ceil（$（“.line content”）.size（）/pageSize）；
对于（变量i=0；i”）；
其他的
$（“#pagin”）。追加（“
”）；
}
展示页（1）；
$（“#pagin li a”）。单击（函数（）{
$（“#pagin li a”）.removeClass（“当前”）；
$（此）.addClass（“当前”）；
showPage（parseInt（$（this）.text（））
});
})
showPage=功能（第页）{
$（“.line content”）.hide（）；
$（“.line content”）。每个（函数（n）{
如果（n>=pageSize*（第1页）和&n

.current{
颜色：绿色；
}
#李佩金{
显示：内联块；
}

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


//分页
页面大小=8；
showPage=功能（第页）{
$（'.line content'）.hide（）；
$（'.line content:gt（+（第1页）*pageSize）+'：lt（+（第页）*（第1页）+'）。show（）；
$（'.line content:eq（+（（第1页）*pageSize）+'）.show（）；
}
var pgs=Math.ceil（$（'.line content'）.length/pageSize）；
var pgnt=''；
对于（var i=1；i
//分页
页面大小=8；
var pageCount=$（“.line content”）.length/pageSize；
对于（变量i=0；i=pageSize*（第1页）和&n
.current{
颜色：绿色；
}
#李佩金{
显示：内联块；
}

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

如果希望在html中附加到标记，可以使用这些代码进行分页


var paginationfooter={}；
paginationfooter.Pager=函数（）{
this.currentPage=1；
this.pagingnumber=“#pagingnum”；
this.tagg=“#matn”；
this.numPages=函数（）{
var numPages=0；
if（this.parations！=null&&this.limit！=null）{
numPages=Math.ceil（this.parations.length/this.limit）；
}
返回数值；
};
this.showPage=函数（第页）{
this.currentPage=第页；
var html=“”；
对于（var i=（第1页）*this.limit；i<（（第1页）*this.limit）+this.limit；i++）{
如果（i<本段落长度）{
var dispy=this.parations.get（i）；
html+=“”+display.innerHTML+“”；
}
}
$（this.tagg）.html（html）；
pagenuming（this.pagingnumber、this.currentPage、this.numPages（））；
}
var pagenuming=函数（容器、当前页面、numPages）{
变量分页=$（“”）；
var gridpaging=“
”；
对于（变量i=1；ipageSize=5

var pageCount =  $(".setPagination").length / pageSize;

for(var i = 0 ; i<pageCount;i++){
    $("#pagin").append('<li><a href="#">'+(i+1)+'</a></li> ');
}
$("#pagin li").first().addClass("active")
showPage = function(page) {
    $(".setPagination").hide();
    $(".setPagination").each(function(n) {
        if (n >= pageSize * (page - 1) && n < pageSize * page)
            $(this).show();
    });        
}
showPage(1);

$("#pagin li").click(function() {
    $("#pagin li").removeClass("active");
    $(this).addClass("active");
    showPage(parseInt($(this).text())) 
});

var pageCount=$（“.setPagination”）.length/pageSize；
对于（变量i=0；i=pageSize*（第1页）和&n

}
您的解决方案非常容易理解，我也尝试使用您的解决方案并生成pa
var pageCount =  $(".setPagination").length / pageSize;

for(var i = 0 ; i<pageCount;i++){
    $("#pagin").append('<li><a href="#">'+(i+1)+'</a></li> ');
}
$("#pagin li").first().addClass("active")
showPage = function(page) {
    $(".setPagination").hide();
    $(".setPagination").each(function(n) {
        if (n >= pageSize * (page - 1) && n < pageSize * page)
            $(this).show();
    });        
}
showPage(1);

$("#pagin li").click(function() {
    $("#pagin li").removeClass("active");
    $(this).addClass("active");
    showPage(parseInt($(this).text())) 
});