Question

我没有jQuery技能，但需要完成我的任务。我有一个15-20项的无序列表，并希望一次只显示5项。单击按钮，而其他按钮保持隐藏状态。这就像寻呼机。当看到1-5时，它应该加载6-10并且应该隐藏1-5和11-14。 I have HTML here（在下面提出问题）。

提前致谢。

＆＃13;

<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>
</ul>
<button onClick="next()">see more</button>

＆＃13;

Answer 1

很简单，我猜你没经常搜索......

你可以通过$('li:hidden').slice(0,5).show();

在一行中实现它

Working demo here :)

编辑：更新小提琴

Working demo here

编辑2：更新小提琴

Working demo here

使用onClick一次显示5个列表项并隐藏其他项

1 个答案: