基本的分页实现

         <div id="table_box" style="height:40px;300px;margin:0 auto;padding:0 auto;">
             <table align="center">
                  <tr class="search_table_pageturn" align="center">
                      <td colspan="5" align="center">
<a class="fenye" id='query1' href="#none" pageNo="1" class="updown">首页</a>&nbsp;&nbsp;
<a class="fenye" id='query2' href="#none" pageNo="" class="updown">上一页</a>&nbsp;&nbsp; <a class="fenye" id='query3' href="#none" pageNo="" class="updown">下一页</a>&nbsp;&nbsp; <a class="fenye" id='query4' href="#none" pageNo="" class="updown">末页</a>&nbsp;&nbsp; 共<span class="dred">${searchPagination.pageCount }</span>页&nbsp;&nbsp; 第<span class="pagenum">${searchPagination.cur rentPage } </span>页</td> </tr> </table> </div>

$('.fenye').click(function(){ 
   if($(this).attr('id')=='query1'){
      pageNo=1;
    }
   else if($(this).attr('id')=='query2'){
     if(pageNo==1){
       $('#query2').attr('pageNo',1);
     }else{
       $('#query2').attr('pageNo',--pageNo);
     } 
   }
   else if($(this).attr('id')=='query3'){
     if(pageNo==pageCount){
       $('#query3').attr('pageNo',pageNo);
     }else{
     $('#query3').attr('pageNo',++pageNo);
  }    
  }
  else if($(this).attr('id')=='query4'){
    pageNo=pageCount;
 }
 $("#queryModel").submit();
});
原文地址:https://www.cnblogs.com/cornucopia/p/4211003.html