Jquery 动态插入分页数据

最新推荐文章于 2024-09-01 14:04:36 发布

boonyaxnn

最新推荐文章于 2024-09-01 14:04:36 发布

阅读量780

点赞数

分类专栏： Jquery 分页

本文链接：https://blog.csdn.net/boonyaxnn/article/details/90072248

版权

这篇博客介绍了如何利用Jquery实现动态插入和加载分页数据的功能。通过HTML结构展示了一个简单的分页效果，并提供了相关的Jquery操作示例，帮助读者理解如何在网页中动态更新内容。

摘要由CSDN通过智能技术生成

  //1.插入的分页 函数封装  获取总的页面数   还有当前的选中的页码
    // insertHtml(6,1);//6,1假设数据
    //一、动态插入数据-------------------------------
    function insertHtml(page,current){//1
        var pagination=$(".ts-page").html('');
        //1.显示首页 上一页 选中页面 大于1 说明可以点击上一页 首页
        // 首页  上一页
        if(current>1){
            pagination.append('<span class="tspage-start">首页</span>');
            pagination.append('<span class="tspage-before">上一页</span>');
        }else{//current=1 上一页 不可点击
            pagination.remove('.tspage-start');
            pagination.append('<span class="tspage-before disable">上一页</span>');
        }

        //2.显示 ...     首页  上一页 ...   -> 2 3 [4] 5 6   
        if(current > 3 && current <= page ){
            pagination.append('<span class="tspage-ell">...</