jquery中对于ul>li列表分页

 Html页面




    
    li文章分页
    
    


  • 第1集
  • 第2集
  • 第3集
  • 第4集
  • 第5集
  • 第6集
  • 第7集
  • 第8集
  • 第9集
  • 第10集

引入的pagenation文件里面其实就是两个函数:

function getzz() {
    var a = $("ul#all li");
    var zz =new Array(a.length);
    for(var i=0;i pageall){  //如果输入页大于最大页
        e=pageall;pageno=pageall; //输入页和当前页都=最大页
    }
    $("#all").html("");//全部清空
    var html="";
    for(var i=0;i';//创建一页的li列表
        if(zz[(e-1)*pagesize+i+1]==null) break;//超出最后的范围跳出
    }
    $("ul#all").html(html);//给ul列表写入html
    var ye="";
    for(var j=1;j<=pageall;j++){
        if(e==j){
            ye=ye+""+j+" "
        }else{
            ye=ye+""+j+" "
        }
    }
    var pageContent="";
    pageContent +='第'+pageno+'/';
    pageContent +=''+pageall+'页';
    pageContent +=''+ye+'';
    pageContent +='上一页';
    pageContent +='下一页';
    $("#page").html(pageContent);
}

亲测管用

转载自:https://www.cnblogs.com/jackcheblog/p/7151559.html

你可能感兴趣的:(jquery中对于ul>li列表分页)