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();