jquery实现简单分页

这里我的分页思路是先创建一个拼接行函数，然后根据每页的行数，将数组再放到分页函数里进行分页。

添加行函数

//添加行函数//index 默认页码//num 一页的行数(一页的数据数)//list  要拼成tr的数据listfunction init(index,num,list) {var tb= $(\"table\").children(\"tbody\");for(var i= (index-1)*num;i<=index*num-1;i++){if(i>=list.length){tb.append(\"\");}else{var str=\"<tr><td>\"+list[i].name+\"</td><td>\"+list[i].brand+\"</td><td>\"+list[i].country+\"</td><td>\"+list[i].price+\"</td><td><a href=\'#\'>删除</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\'#\'>修改</a></td></tr>\";tb.append(str);}}}

分页函数

//分页函数function pagechange(list){var index=1;//默认首页var num=3;//每页的元素数量var pagenum=list.length%num==0?list.length/num:list.length/num+1;//页码数init(index,num,list);$(\"#text\").html(index+\"/\"+parseInt(pagenum) +\"页\");//首页$(\"#first_page\").click(function(){$(\"table\").children(\"tbody\").children(\"tr\").remove();index=1;init(index,num,list);$(\"#text\").html(index+\"/\"+parseInt(pagenum)+\"页\");});//上一页$(\"#pre_page\").click(function(){index--;if(index<1){index=1;}$(\"table\").children(\"tbody\").children(\"tr\").remove();init(index,num,list);$(\"#text\").html(index+\"/\"+parseInt(pagenum)+\"页\");});//下一页$(\"#next_page\").click(function(){index++;if(index>=pagenum){index= parseInt(pagenum) ;}$(\"table\").children(\"tbody\").children(\"tr\").remove();init(index,num,list);$(\"#text\").html(index+\"/\"+parseInt(pagenum)+\"页\");});//末页$(\"#last_page\").click(function(){$(\"table\").children(\"tbody\").children(\"tr\").remove();index= parseInt(pagenum);init(index,num,list);$(\"#text\").html(index+\"/\"+parseInt(pagenum)+\"页\");})}

以上就是简单的分页的所有代码了。

乾坤未定，你我皆是黑马！！！