Jquery列表显示/隐藏5项onclick

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

我怎样才能做到这一点?

  1. <ul>
  2. <li>1</li>
  3. <li>2</li>
  4. <li>3</li>
  5. <li>4</li>
  6. <li>5</li>
  7. <li>6</li>
  8. <li>7</li>
  9. <li>8</li>
  10. <li>9</li>
  11. <li>10</li>
  12. <li>11</li>
  13. <li>12</li>
  14. <li>13</li>
  15. <li>14</li>
  16. <li>15</li>

应该显示Onload:

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5

点击“下一步”时

  1. 6
  2. 7
  3. 8
  4. 9
  5. 10

点击“下一步”时

  1. 11
  2. 12
  3. 13
  4. 14
  5. 15

提前致谢 !

解决方法

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

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

猜你在找的jQuery相关文章