jquery - 获得接下来的6个结果

Question

我有以下列表

<li>option 1</li>
<li>option 2</li>
<li>option 3</li>
<li>option 4</li>
<li>option 5</li>
<li>option 6</li>
<li class="hidden">option 7</li>
<li class="hidden">option 8</li>
<li class="hidden">option 9</li>
<li class="hidden">option 10</li>
<li class="hidden">option 11</li>
<li class="hidden">option 12</li>
<li class="hidden">option 13</li>

<a href="">My Link</a>

我想要一个功能，当点击链接时，前六个列表项“class”将删除该类并显示在屏幕上。

感谢任何帮助。

詹姆斯

Answer 1

您可以使用:lt()选择器：

$("li.hidden:lt(6)").removeClass("hidden").show();

或者，slice()方法，如果要匹配的项目数量可能会有所不同，那就更好了：

var itemCount = 6;
$("li.hidden").slice(0, itemCount).removeClass("hidden").show();

Answer 2

使用JQuery lt过滤结果 -

$("a").click(function(){
    $("li.hidden").lt(6).removeClass("hidden").show();
});