欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

对table和ul实现js分页示例分享_javascript技巧

程序员文章站 2022-03-21 23:19:03
...
复制代码 代码如下:

(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;
// 過濾表格內容
var rr=oSource.children().children("tr");
oSource.children().children("tr").each(function() {
// ==2
if (dPageIndex >= (((dNowIndex - 1) * dCountOfPage) + 1)
&& dPageIndex $(this).show();
} else {
$(this).hide();
}

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("disabled");
}
});
}
else if(dNowIndex==Math.ceil(dCount / dCountOfPage)){
var tt=$("#table_page_"+fresh_id).children('.msdn').children().each(function(i) {
if(i==2||i==3){
$(this).addClass("disabled");
}
});
}else if(dNowIndex==1){
var tt=$("#table_page_"+fresh_id).children('.msdn').children().each(function(i) {
if(i==0||i==1){
$(this).addClass("disabled");
}
});
}
// 加入換頁事件
oObj.children().children().each(function() {

$(this).click(function() {

dNowIndex = $(this)[0].innerHTML;
if (dNowIndex == '首页') {
dNowIndex = 1;
change_page_content();
nowIndex = dNowIndex;
}
if (dNowIndex == '尾页') {
dNowIndex = Math.ceil(dCount / dCountOfPage);
change_page_content();
nowIndex = dNowIndex;
}
if (dNowIndex == '下一页') {
if (nowIndex dNowIndex = parseInt(nowIndex) + 1;
change_page_content();
nowIndex = nowIndex + 1;
}
}
if (dNowIndex == '上一页') {
if (nowIndex > 1) {
dNowIndex = parseInt(nowIndex) - 1;
change_page_content();
nowIndex = nowIndex - 1;
}
}
});
});
}
};
})(jQuery);

复制代码 代码如下:


相关标签: js分页