jquery的分页

var obj = $("#t").find("div"); var divsize = obj.size(); var perpage = 1; var sumpage = Math.ceil(divsize/perpage); var i = 1; obj.hide(); obj.slice(0,perpage).show(); $("#prev").click(function(){ --i; if(i<=0) { i = 1; } obj.hide(); obj.slice(i*perpage-perpage,i*perpage).show(); }); $("#next").click(function(){ if(i>=sumpage) { i = sumpage; return false; } obj.hide(); obj.slice(i*perpage,i*perpage+perpage).show(); ++i; });
<div id="t"> <div><span>111</span></div> <div style="display: none"><span>222</span></div> <div style="display: none"><span>333</span></div> </div> <input type="button" id="prev" value="上一个" /> <input type="button" id="next" value="下一个" />