JQuery實現分頁

jQuery實現分頁，只是，針對頁面中的元素進行hide和show，這次主要讓自己更加熟悉 選擇器的使用。

<mce:script type="text/javascript"><!-- var pagesize=10; $(document).ready(function(){ var r=$("table>tbody tr").size(); alert(r); addPageList(); }); var addPageList=function(){ var trSize=$("table>tbody tr").size()/10; var i; for(i=0;i<trSize;i+=1){ var $newButton=$("<input type='button' id='pageButton"+i+"' value='"+i+"'/>"); $newButton.click(function(){ $("table>tbody tr").hide(); var pn=parseInt($(this).attr("value")); var firstTr=pn*10; var lastTr=pn*10+9; $("table>tbody tr:eq("+firstTr+"),table>tbody tr:eq("+firstTr+")~tr:lt(9)").show(); }); $("#pageBox").append($newButton); } }; // --></mce:script>

$("table>tbody tr:eq("+firstTr+"),table>tbody tr:eq("+firstTr+")~tr:lt(9)").show();

分頁，取得table下面的tbody元素，在取到下面的tr元素，但是這個tr元素是起始位置，然後找到后面的同輩元素9個，那么加起來就是正好每頁10個。 功能實現了，但是，怎么去優化，，，，。歲月會告訴我吧。。