<div class="pagination">
      <ul style="float:right">
        <li id="previous"><a href="">上一頁</a></li>
        <li><!--用于頁標的顯示 -->
          <ul id="page_num_all">
          </ul>
        </li>
        <li id="next"><a href="" style="border:1px solid #ddd;float:right">下一頁</a></li>
      </ul>
      <span>
        當前為第<span class="num" id="current_page"></span>頁，總共<span class="num" id="page_all"></span>頁
      </span>
    </div>

function table_page(){
      var show_page=5;//每頁顯示的條數(shù)
      var page_all=$("#page").children().size();//總條數(shù)
      var current_page=1;//當前頁
//    console.log(page_all);
      var page_num=Math.ceil(page_all/show_page);//總頁數(shù)
      var current_num=0;//用于生成頁標的計數(shù)器
      var li="";//頁標元素
      while(page_num>current_num){//循環(huán)生成頁標元素
        li+='<li class="page_num"><a href="javasctip:(0)">'+(current_num+1)+'</a></li>';
        current_num++;
      }
      $("#page_num_all").html(li);//添加頁標到頁面
      $('#page tr').css('display', 'none');//設(shè)置隱藏
      $('#page tr').slice(0, show_page).css('display', '');//設(shè)置顯示
      $("#current_page").html("&nbsp;"+current_page+"&nbsp;");//顯示當前頁
      $("#page_all").html("&nbsp;"+page_num+"&nbsp;");//顯示總頁數(shù)
      $("#previous").click(function(){//上一頁
        var new_page=parseInt($("#current_page").text())-1;
        if(new_page>0){
          $("#current_page").html("&nbsp;"+new_page+"&nbsp;");
          tab_page(new_page);
        }
      });
      $("#next").click(function(){//下一頁
        var new_page=parseInt($("#current_page").text())+1;//當前頁標
        if(new_page<=page_num){//判斷是否為最后或第一頁
          $("#current_page").html("&nbsp;"+new_page+"&nbsp;");
          tab_page(new_page);
        }
      });
      $(".page_num").click(function(){//頁標跳轉(zhuǎn)
        var new_page=parseInt($(this).text());
        tab_page(new_page);
      });
      function tab_page(index){//切換對應(yīng)頁標的頁面
        var start=(index-1)*show_page;//開始截取的頁標
        var end=start+show_page;//截取個數(shù)
        $('#page').children().css('display', 'none').slice(start, end).css('display', '');
        current_page=index;
        $("#current_page").html("&nbsp;"+current_page+"&nbsp;");
      }
    }
table_page()；