jquery li ul 伪分页_求教关于Jquery的ul li的分页,该怎么处理

求教关于Jquery的ul li的分页

ul 下有若干个li 3个为1个分页 1个input按钮点击显示后3个另一个显示前3个求大神这个怎么做

分享到：

------解决方案--------------------

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

$(document).ready( function() {

var total = Math.ceil($("ul li").length / 3);

var current = 1;

$("ul li:gt(2)").hide();

$("#btnPrev").attr("disabled", "disabled").click( function() {

$("#btnNext").removeAttr("disabled");

current -= 1;

$("ul li").show();

var indexStart = (current - 1) * 3;

var indexEnd = indexStart + 2;

$("li:lt(" + indexStart + "), li:gt(" + indexEnd + ")", $("ul")).hide();

if (current == 1) $(this).attr("disabled", "disabled");

});

$("#btnNext").click( function() {

$("#btnPrev").removeAttr("disabled");

current += 1;

$("ul li").show();

var indexStart = (current - 1) * 3;

var indexEnd = current * 3 - 1 > $("ul li").length - 1 ? $("ul li").length - 1 : current * 3 - 1;

$("li:lt(" + indexStart + "), li:gt(" + indexEnd +")", $("ul")).hide();

if (current == total) $(this).attr("disabled", "disabled");

});

jquery li ul 伪分页_求教关于Jquery的ul li的分页,该怎么处理相关推荐

jquery 在div追加文本_前端技术--JQuery
JQuery 一.引言 1.JQuery是一个基于javascript语言的框架 --- 是对js代码的合理封装 2.js缺点,jquery优点 1)js代码比较复杂 var tag = docum ...
jquery input值改变事件_前端技术--JQuery
JQuery 一.引言 1.JQuery是一个基于javascript语言的框架 --- 是对js代码的合理封装 2.js缺点,jquery优点 1)js代码比较复杂 var tag = docum ...
jquery获取元素的索引_如何在jQuery中获取具有特定索引的元素
jquery获取元素的索引 In this post, we are going to discuss how to get an element with a specific index. jQu ...
jquery前端简单分页_如何使用jQuery创建简单的分页
jquery前端简单分页 How to create easy pagination with jQuery jQuery pagination. All we know, that when we ...
jsp ul设置滚动条_添加滚动条到动态ul li
我搜索了很多帖子和论坛,因为我认为这可能是一个基本的东西,但没有找到它,所以问这里,我所要做的是添加滚动条,如果高度超过一定限度可以说,如果菜单项超过3添加滚动条到动态ul li 如果你不能够访问它, ...
jquery实现登录失败提示_浅谈jQuery的verify验证码
verify.js是一款功能强大的jquery验证码插件.verify.js可以实现普通的图形验证码,数字验证码,滑动验证码和点选验证码等多种验证码功能. 1.普通验证码就是所有英文字母和数字的组合 ...
long mode 分页_在Spring Boot中使用Spring-data-jpa实现分页查询（转）
在我们平时的工作中,查询列表在我们的系统中基本随处可见,那么我们如何使用jpa进行多条件查询以及查询列表分页呢?下面我将介绍两种多条件查询方式. 1.引入起步依赖 org.springframewor ...
mysql 条件查询分页_百万数据下mysql条件查询及分页查询的注意事项
接上一节<百万数据mysql分页问题>,我们加上查询条件:select id from news where cate = 1 order by id desc limit 500000 ...
bootstrap下拉框分页_学习使用Bootstrap输入框、导航、分页等常用组件
Bootstrap输入框和导航组件一.下拉菜单下拉菜单,就是点击一个元素或按钮,触发隐藏的列表显示出来. 按钮和菜单需要包裹在.dropdown 的容器里,而作为被点击的元素按钮需要设置datat ...

jquery li ul 伪分页_求教关于Jquery的ul li的分页,该怎么处理

jquery li ul 伪分页_求教关于Jquery的ul li的分页,该怎么处理相关推荐

最新文章

热门文章