jquery - jqueryを使用して順序付けられていないリストをページングにするにはどうすればよいですか?

Question

<ul>ページングを行う方法を知りたいですか?

例: 前へ 1 2 3 4 5 次へ

次をクリックすると、このようになります

前へ 2 3 4 5 6 次へ

前へをクリックすると、このようになります

前へ 1 2 3 4 5 次へ

等々...

<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>

Answer 1

slice次のように を使用できます。

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

ただし、これには「次の」項目が含まれますが、jQuery を使用すると、 lis を簡単に数えて最後のインデックスを除外できます。これは読者の演習です。

Answer 2

jQuery .nextUntil()および.prevUntil( ) を使用する

これらのリンクにはすでにデモがあります

Answer 3

使用することもできます:gt(n)//n denotes number

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

JsFiddle デモ

6から10の要素を見たい場合は、次のことができます

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