自定义分页样式，不多废话，直接上代码~

超文本标记语言部分

div id=' my _ id ' div class=' my _ id ' table style=' the ad style=' tr TD购买日期运输署/运输署门票名称运输署/运输署比赛时间运输署/运输署比赛选手运输署/运输署门票数量/TD/tr/the ad t body/t body/table/div/div js部分

函数testFun(){ var data=[[]哈哈','呵呵','嘿嘿','啦啦','耶耶'], ['哈哈','呵呵','嘿嘿','啦啦','耶耶'], ['哈哈','呵呵','嘿嘿','啦啦','耶耶'], ['哈哈','呵呵','嘿嘿','啦啦','耶耶'], ];var inner=[]；for(var I=0；i10I){ var trList=' tr ' ' TD ' data[I][0]'/TD ' ' TD ' data[I][1]'/TD ' ' TD ' data[I][2]'/TD ' ' TD ' data[I][3]'/TD ' ' TD ' data[I][4]'/TD ' '/tr '；内心。推送(trList)；} //分页方法调用我的分页(我的id，内部，10);}/* * 分页* a传入的是id *内部传入的是列表内容*页面大小每页显示的数目*/函数我的分页，内部，页面大小){ var page num=' div class=' paging col-xs-12 ' ' ' div class=' set page ' ' ' span第/span put type=' text ' class='当前页' class=' form-control ' span页/span' 'span共font class='totalpage'/font页/span' 'span每页有font class='pagesize'/font条消息/span' 'span当前为第font class=' current _ 1 '/font-font class=' current _ 2 '/font条消息/span ' '/div ' '/div '；美元(a).追加(PageNum)；美元(a).查找('。分页')。css({ 'height': '100% '，' width': '58% '，' float': 'left '，' padding': '3px 10px '，'底色： '#fff '，' margin ' : ' 0 ' })；美元(a).查找('。设置页面').css({ 'height': '100% '，' width': '100% '，' line-height': '30px '，' margin ' : ' 0 auto ' })；美元(a).查找('。设定量程跨度')。css({ 'float': 'left '，' padding ' : ' 0 5px ' })；美元(a).查找('。设定值字体')。css({ 'color': '#DD4449 '，' padding ' : ' 0 5px ' })；美元(a).查找('。设定值输入')。css({ 'width': '50px '，' float': 'left '，'边框半径' : ' 5px ' })；//分页变量计数=内部长度；//记录条数var PageSize=PageSize//设置每页示数目var页数=数学。天花板(计数/页面大小)；//计算总页数var CurrentPage=1；//当前页，默认为1。美元(a).查找('。页面大小')。html(PageSize)；//显示每页示数目美元(a).查找('。设定值current _ 1’).html(' 1 ')；//默认当前条数一美元。查找('。设定值current _ 2’).html(PageSize)；//默认当前条数2 //设置输入页面框的范围，并设置初始值美元(a).查找('。当前页面').val(currentPage) //显示默认页（第一页)为(I=(current page-1)* page size；iPageSize * currentPagei ){ $(a).查找(' tbody ').追加（内部[I])；} $(a).查找('。总页数').html(页数)；//总页数//显示输入页的内容美元(a).查找('。当前页面').change(function(){ if($(this)).val()1||$(this).val()PageCount){ $(a).查找(' tbody ').html('trtd colspan='3 '没有更多的消息./TD/tr ')；}else{ var currentpage=$(this).val()；美元(a).查找(' tbody ').html(" ")；for(I=(当前页面-1)* page size；iPageSize * currentpagei ){ $(a).查找(' tbody ').追加（内部[I])；美元(a).查找('。设定值current _ 1’).html((当前页面-1)* PageSize 1)；if(页面大小* CurrentPageCount){ $(a).查找('。设定值current _ 2’).html(PageSize *当前页面)；}else{ $(a).查找('。设定值current _ 2’).html(计数);} } } });}效果如下图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。