如何使用jquery将无序列表设置为分页？

我想知道如何将我的

设置为分页

示例：上一个1 2 3 4 5下一个

当我点击“下一步”时，它会变成这样

上一篇2 3 4 5 6下一篇

当我点击prev时，它会变成这样

上一篇12345下一篇

等等

<ul class="pages">
 <li>Prev</li>
 <li>1</li>
 <li>2</li>
 <li>3</li>
 <li>4</li>
 <li>5</li>
 <li>6</li>
 <li>7</li>
 <li>8</li>
 <li>9</li>
 <li>10</li>
 <li>Next</li>
</ul>

上
一,
二,
三,
四,
五,
六,
七,
八,
九,
十,
下一个

使用jQuery和

这些链接已经有您可以使用的演示，例如：

$(".pages li").slice(5).css("display", "none");

---

不过，这将包括您的“下一个”项，但是使用jQuery，您可以轻松地计算

li

s并排除最后一个索引-这是读者的练习。

您也可以使用

：gt（n）//n表示数字

$(function (){
     $("li:gt(5)").css("display", "none");
        });​

如果你想看到从6到10的元素，你可以

$(function (){
     $("li:lt(6)").css("display", "none");
        });​

---

试试我创建的这个JS函数：

        function showPage (pageIndex, pageSize) {
            var items = $(".pages > li");
            $(items).hide();

            // Range
            var start = pageIndex * pageSize;
            var end = start + pageSize;

            $(items).slice(start, end).show();

        }

---

然后调用showPage（0，10）；//PageNumber=1，PageSize=10

到目前为止，您是否编写了任何可以展示给我们的代码？我曾尝试使用pajinate插件，但它与我实际需要的不同，因为分页是基于li的数量。JSFIDLE的问题在于它使用Mootools，而不是导入jQuery。这是。对不起，我如何包括下一个，当单击下一个时，将显示第6个，当我单击上一个时，它将后退：3是否可以包括下一个？每次单击“下一个”时，第6个li将显示，第1个li将隐藏，依此类推：3@SuiGo尝试一下，如果你陷入困境，我们会帮助你，但首先你自己尝试。。。