【Jquery】进阶分页应用

最新推荐文章于 2025-06-28 12:36:45 发布

JecksonChenJinHua

最新推荐文章于 2025-06-28 12:36:45 发布

阅读量566

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/JecksonChenJinHua/article/details/25797297

本文详细解析了如何通过JavaScript实现页面分页交互逻辑，包括处理首尾页、上一页、下一页以及跳转到特定页的功能。通过实例代码展示，帮助开发者理解并应用分页操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                        $(".pageinfo li").bind("click",function(){

                            var $this = $(this);
                            if($this.is(":first-child")){

                               pagelist(0);
                               //获取a标签并添加样式
                               $this.next().next().find("a").addClass("current");

                            }else if($this.children().attr("class")=="prev"){

                               var current1 = $(".current").attr("id");

                                   if(current1!=0){
                                   //调用分页方法
                                   pagelist(current1-1);
                                   //获取前一个a标签的值
                                   //var item1 = $(".pageinfo li a.hello").eq(current1-2).text();
                                   //添加样式
                                    $(".pageinfo li").find("[id="+(current1-1)+"]").addClass("current");

                                   }
                             }else if($this.children().attr("class")=="next"){

                                   var current = $(".current").attr("id");

                                   var las_number = Number(current) + 1;

                                   if(las_number!=page){

                                       //调用分页方法
                                       pagelist(las_number);

                                       //获取前一个a标签的值
                                       //var item1 = $(".pageinfo li a.hello").eq(current1).text();
                                       //添加样式
                                        $(".pageinfo li").find("[id="+las_number+"]").addClass("current");

                                   }
                              }else if($this.is(":last-child")){

                               pagelist(page-1);
                           //获取a标签并添加样式
                               $this.prev().prev().find("a").addClass("current");

                           } else{

                               pagelist($this.children().attr("id"));
                             //获取a标签并添加样式
                               $this.find("a").addClass("current");
                           }

                       });