Question

我想知道是否可以在i中显示X项目数量，并且可以隐藏其他项目。

我有一个通知小部件，我想最多显示5个警报。当一个被删除时，列表中的下一个项目将被显示，所以我不必重新制作列表。

这是我的胡子代码：

UL

Answer 1

你可以这样做。我将它包装在click event中进行演示：检查下面的代码段

var firstToshow = 0;
var lastToShow = 5;


$("ul li").hide();
$("ul li").slice(firstToshow, lastToShow).show();


$("ul").on('click', function() {

  firstToshow++;
  lastToShow++;
  $("ul li").hide();
  $("ul li").slice(firstToshow, lastToShow).show();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>
  <li>16</li>
  <li>18</li>
  <li>19</li>
  <li>20</li>
</ul>

如何在UL中显示X项目并隐藏其余项目？

1 个答案: