jQuery列表显示/隐藏5个项目 [英] Jquery list show / hide 5 items onclick

问题描述

我有一个关于列表的jquery问题. 我有一个很大的清单，我想要单击链接时； 每次将显示该列表的下5个项目，而前一个项目将隐藏.

i have a jquery problem with lists. I have a big list and i want when a link is clicked; each time the next 5 items of that list will be shown and the previous items hide.

我该怎么做?

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

加载时应显示:

1
2
3
4
5

点击下一步"

6
7
8
9
10

当点击下一步"时

11
12
13
14
15

提前谢谢！

推荐答案

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

不知道/如果您打算显示以前的项目，所以我将其遗漏了

Don't know how/if you plan to show the previous items so I've left that out

这篇关于jQuery列表显示/隐藏5个项目的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！