jquery分页代码写法

jquery分页代码怎么写

发布 : Java培训   发布时间:2021-10-13 17:04:09

品牌型号:联想 YOGA 14c/系统版本:windows7

jquery分页代码写法为:

  1. let pageSize = 12;
  2. let pageIndex = 0;
  3. function builDatapage(list) {
  4. let total = Math.ceil(list.length / pageSize);
  5. console.log(total);
  6. for(let i =0 ; i< total; i++){
  7. let $pageItem = $(&#39;<li></li>&#39;);
  8. $pageItem.text(i+1);
  9. $pageItem.bind(&#39;click&#39;,function () {
  10. $tbody.html(&#39;&#39;);
  11. let $active = $pageDiv.find(&#39;.cliced&#39;);
  12. $active.removeClass(&#39;cliced&#39;);
  13. console.log($(this));
  14. $(this).addClass(&#39;cliced&#39;);
  15. pageIndex = this.innerText - 1;
  16. fillSingers(list);
  17. });
  18. $pageItem.appendTo($pageDiv);
  19. }
  20. $pageDiv.find(&#39;li:first-child&#39;).addClass(&#39;cliced&#39;);
  21. }

其它答案
冰阔落2020-06-22 18:56:36

把分页封装到一个jsp里,那么就可以通过include的方式引入分页的页面。


 相关推荐