Jquery列表显示/隐藏5项onclick

前端之家收集整理的这篇文章主要介绍了Jquery列表显示/隐藏5项onclick前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个列表的jquery问题.
我有一个很大的列表,我想要点击一个链接;
每次显示该列表的下5个项目并隐藏前面的项目.

我怎样才能做到这一点?

<ul>
<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>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>

应该显示Onload:

1
2
3
4
5

点击“下一步”时

6
7
8
9
10

点击“下一步”时

11
12
13
14
15

提前致谢 !

解决方法

这是一个选项:
http://jsfiddle.net/JQq5n/

不知道如何/如果你打算展示以前的项目,所以我把它留了出来

猜你在找的jQuery相关文章