<div id="table_box" style="height:40px;width: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="http://www.mamicode.com/#none" pageNo="1" class="updown">首页</a>&nbsp;&nbsp; 
                           <a class="fenye" id=‘query2‘ href="http://www.mamicode.com/#none" pageNo="" class="updown">上一页</a>&nbsp;&nbsp;                           <a class="fenye" id=‘query3‘ href="http://www.mamicode.com/#none" pageNo="" class="updown">下一页</a>&nbsp;&nbsp;                           <a class="fenye" id=‘query4‘ href="http://www.mamicode.com/#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();});

基本的分页实现