Question

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

代码段：

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

Answer 1

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

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

toggle方法隐藏当前可见的元素，并显示当前隐藏的元素。因此，点击#someButton会反复切换索引＆gt;处的li元素。 1隐藏和可见之间。

可能还值得一提的是，有:lt selector允许您执行恰恰相反的选择。

Answer 2

最简单的解决方案：

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

然后切换li元素：

$('li').each(function(index) {
    $(this).toggle(600);
});

Try it here

Answer 3

James Allardice有更好的答案。如果您希望在呈现列表之前隐藏列表项，请将其放在代码中

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

根据计数</li>切换<li>标签

3 个答案: