根据计数切换<LI>标签

Question

我有以下代码片段,并且要求仅显示前2个<LI>并隐藏所有其他代码片段<LI>.我怎么能做到这一点？我基本上需要切换节目并使用jquery隐藏按钮单击.

代码片段:

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

Answer 1

您可以使用:gt选择器选择指定索引上方的元素.由于元素为0索引,因此选择索引1以上的所有内容:

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

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

可能还值得一提的是,有一个:lt选择器可以让你精确地执行相反的选择.