求教關(guān)于Jquery的ul li的分頁(yè)

ul?下有若干個(gè)li?3個(gè)為1個(gè)分頁(yè)?1個(gè)input按鈕點(diǎn)擊顯示后3個(gè)?另一個(gè)顯示前3個(gè)?求大神這個(gè)怎么做

分享到：

更多

------解決方案--------------------

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

無(wú)標(biāo)題文檔

$(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");

});

});

• 01
• 02
• 03
• 04
• 05
• 06
• 07

總結(jié)

以上是生活随笔為你收集整理的jquery li ul 伪分页_求教关于Jquery的ul li的分页,该怎么处理的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。