js的一個分頁邏輯

  /*

    頁面顯示的效果爲[前10頁 1 2 3 4 5 6 7 8 9 10 後10頁],即一頁顯示10個頁號

思路根據傳入頁面的當前頁pageNo,運用Math.floor((lps.pageNo-1)/10)方法判斷當前頁號在第幾頁(0爲第一頁);

 */

     var divBegin = $("<div class='next'></div>");

    var prePage;

    var nextPage; 

// 判斷當前"頁號"在第幾頁

     var indexPage =  Math.floor((lps.pageNo-1)/10);

 // 表示在第1頁顯示，這時「前10頁」按鈕無效

     if(indexPage==0){

     prePage= $("<a href='javascript:' class='cur'>前10頁</a>"); 

     }else{

     prePage= $("<a href='javascript:' onclick='triggerCon({pageNo:"+(lps.pageNo-10)+"})' class='cur'>前10頁</a>");

     }

 // 添加「前10頁」按鈕

     divBegin.append(prePage);

 // 查找當前"頁號"所在頁的「首頁」

     var startPage = indexPage*10+1;

     var endPage;

 // 若是當前"頁號"所在頁的「首頁」+9不超過總頁數lps.count，則當前頁有10個頁號

 // 不然總頁數lps.count就是當前頁的最後一個「頁號」

     if((startPage+9)<=lps.count){

     endPage = startPage+10;

     }else{

     endPage=lps.count+1;

     }

     // 根據當前「頁號」所在頁的「首頁」和「尾頁」生成頁碼

     for(var i=startPage;i<endPage;i++ ){

     var temp;

     if(i==lps.pageNo){

    // 當前頁碼有樣式class='hover'

     temp = $("<a href='javascript:' class='hover' onclick='triggerCon({pageNo:"+i+"})' id='pageNo"+i+"'>"+i+"</a>");

     }else{

     temp = $("<a href='javascript:' onclick='triggerCon({pageNo:"+i+"})' id='pageNo"+i+"'>"+i+"</a>");

     } 

    divBegin.append(temp);

     }

 // 同理判斷當前"頁號"是否是和「總頁數」在同一個頁面，若是是「後10頁」按鈕不起做用

     if(indexPage== Math.floor((lps.count-1)/10)){

     nextPage= $("<a href='javascript:' class='cur'>前10頁</a>");

     }else{

     nextPage= $("<a href='javascript:' onclick='triggerCon({pageNo:"+(lps.pageNo+10)+"})' class='cur'>前10頁</a>");

     }

     divBegin.append(nextPage);

     // 將頁碼添加

     $("#kcyl_rbox").append(divBegin);

}