Jquery 切换<；李>；基于计数的标记

我有以下代码片段，只需要显示前2个

，并隐藏所有其他
。我怎样才能做到这一点？我基本上需要使用jquery在按钮点击时切换显示和隐藏

代码段：

<UL>
  <LI/>
  <LI/>
  <LI/>
  <LI/>
  <LI/>
</UL>








您可以使用选择器选择指定索引上方的元素。由于元素为0索引，索引1以上的所有内容都被选中：

$("#someButton").click(function() {
    $("li:gt(1)").toggle();
});

该方法隐藏当前可见的元素，并显示当前隐藏的元素。因此，单击
#someButton
将在索引>1处的
li
元素之间反复切换隐藏和可见

可能还值得一提的是，有一种方法允许您执行完全相反的选择。
您可以使用选择器选择指定索引上方的元素。由于元素为0索引，索引1以上的所有内容都被选中：

$("#someButton").click(function() {
    $("li:gt(1)").toggle();
});

该方法隐藏当前可见的元素，并显示当前隐藏的元素。因此，单击
#someButton
将在索引>1处的
li
元素之间反复切换隐藏和可见

可能还值得一提的是，有一种方法允许您执行完全相反的选择。
最简单的解决方案：

  <ul>
    <li style='display:none'>first</li>
    <li style='display:none'>second</li>
    <li>third</li>
    <li>forth</li>
    <li>fifth</li>
 </ul>

最简单的解决方案：

  <ul>
    <li style='display:none'>first</li>
    <li style='display:none'>second</li>
    <li>third</li>
    <li>forth</li>
    <li>fifth</li>
 </ul>

詹姆斯·阿拉尔迪奇有一个更好的答案。如果希望在呈现列表之前隐藏列表项，请将其放在代码中的某个位置

$('ul li:gt(1)').hide();

詹姆斯·阿勒迪有一个更好的答案。如果希望在呈现列表之前隐藏列表项，请将其放在代码中的某个位置

$('ul li:gt(1)').hide();

这是@user47900的解决方案-这不是真正的解决方案。它询问删除第一个和最后一个项目。这个问题要求隐藏除前两项之外的所有内容。这是@user47900的解决方案-这不是真正的解决方案。它询问删除第一个和最后一个项目。这个问题要求隐藏除前两项之外的所有内容。为什么这项被否决@dfsq-感谢您添加演示+1给你的解决方案（我的是相同的，但你是第一个），所以分享演示我不知道关于：gt选择器很好的答案。对不起，这是我的错误。。。我不小心投了反对票，而没有投反对票。不，我想你可以再次点击“反对票”按钮来撤销它。。。但我不是100%肯定！如果你不能，没关系，我只是想知道是否有理由投反对票（完全误解了这个问题或其他）。为什么会投反对票@dfsq-感谢您添加演示+1给你的解决方案（我的是相同的，但你是第一个），所以分享演示我不知道关于：gt选择器很好的答案。对不起，这是我的错误。。。我不小心投了反对票，而没有投反对票。不，我想你可以再次点击“反对票”按钮来撤销它。。。但我不是100%肯定！如果你不能，没关系，我只是想知道是否有理由投反对票（完全误解了这个问题或其他什么）。@jamesalardice有最好的解决办法。@jamesalardice有最好的解决办法。