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

我有以下清单

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

选项1
选择2
选择3
选择4
备选案文5
备选案文6
选项7
选项8
选项9
选项10
选项11
选项12
选项13

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

感谢您的帮助

James

您可以使用选择器：

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

或者，如果要匹配的项目数量可以变化，则该方法更好：

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

使用JQuery筛选结果-

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

---

太好了，谢谢。有什么方法可以告诉我什么时候没有更多的隐藏列表项吗？是的，

$（“li.hidden”）。如果没有
元素和
$（“li:hidden”），
隐藏的
类和
$（“li:hidden”）。如果没有
元素，那么长度将是
0
。