對table和ul實作js分頁範例分享_javascript技巧

複製程式碼 程式碼如下:

(function($) {
 $.fn.tablepage = function(oObj, dCountOfPage, fresh_id) {
  var dPageIndex = 1;
  var dNowIndex = 1;
  var sPageStr = "";
  var dCount = 0;
  var oSource = $(this);
  var sNoSelColor = "#CCCCCC";
  var sSelColor = "black";
  var sFontColor = "white";
  var nowIndex = 1;

  change_page_content();

  function change_page_content() {
   // 取得資料筆數
   dCount = oSource.children().children().length;
   // 顯示頁碼
   sPageStr = "

刷新

";
   sPageStr += " 

首页上一页下一页尾页

";
   sPageStr += "

"+"共"+Math.ceil(dCount / dCountOfPage)+"页,当前第"+""+dNowIndex+""+"页"+"

"; 
   oObj.html(sPageStr);
   dPageIndex = 1;
   //濾波表格內容物
 = varvarsvar>   //過濾表格內容
 = var ); oSource.children().children("tr").each(function() {
    // ==2
    if (dPageIndex >= ((dNowIndex - 1) * dCountOfage) 1); && dPageIndex      $(this).show();
    } 
    dPageIndex ;
   });
  // oSource.children().children("tr").first().show(); // head 一定要顯示

   if(dCount    var tt=$("#table_page_" fresh_id).children('.msdn').children().each(function(i) {

     if(i==2||i==3||i==0||i==1){

      $(this).addClass("取消");
  } 🎜>    });
   }
   else if(dNowIndex==Math.ceil(dCount / dCountOfPage)){
  .children().each(function(i) {
     if(i==2||i==3){
      $(this).addClass("取消");
    $(this).addClass("取消");
    $(this).addClass("取消");
   >    });
   }else if(dNowIndex==1){
    var tt=$("#table_page_" fresh_id).children('.msdn').children). {
     if(i==0||i==1){
      $(this).addClass("取消");
     } // 加入換頁事件
   oObj.children().children().each(function() {

    $(this).click(function() {

       dNowIndex = $(this)[0].innerHTML;
       if (dNowIndex =     change_page_content();
        nowIndex = dNowIndex;
       }

       if (dNowIndex == '尾頁') {

       change_page_content();

        nowIndex = dNowIndex;

       }
       if (dNowIndex == '下一頁') {
        if (nowIndex          change_page_content();
         nowIndex = nowIndex 1;
        }
    >        if (nowIndex > 1) {
         dNowIndex = parseIn t(現在指數) - 1;
         change_page_content();
         nowIndex = nowIndex 🎜>      });
   });
  }
 };
})(jQuery);







複製程式碼


程式碼如下：