li分页 html,ul li 的分页 - osc_0vyho3sv的个人空间 - OSCHINA - 中文开源技术交流社区...

li文章分页

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

var zz=getzz()

var pageno=1 ; //当前页

var pagesize=5; //每页多少条信息

if(zz.length%pagesize==0){

var pageall =zz.length/pagesize ;

}else{

var pageall =parseInt(zz.length/pagesize)+1;

} //一共多少页

change(1);

function getzz() {

var a = $("ul#all li");

var zz =new Array(a.length);

for(var i=0;i

zz[i]=a[i].innerHTML;

} //div的字符串数组付给zz

return zz;

}

function change(e){

pageno=e;

if(e<1){

e=1;pageno=1;//就等于第1页 ， 当前页为1

}

if(e>pageall){ //如果输入页大于最大页

e=pageall;pageno=pageall; //输入页和当前页都=最大页

}

$("#all").html("");//全部清空

var html="";

for(var i=0;i

html += '

' + zz[(e-1)*pagesize+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);

}