选择元素编号6及以后使用jquery

Question

好的，所以我有一个容器里面有一堆孩子，但我想只显示前5个元素并隐藏（）其余元素。

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <li>four</li>
    <li>five</li>
    <li>six</li> <!-- hide me -->
    <li>seven</li> <!-- hide me -->
    <li>eight</li> <!-- hide me -->
    <li>nine</li> <!-- hide me -->
    <li>ten</li> <!-- hide me -->
    <li>eleven</li> <!-- hide me -->
</ul>

我找到了另一个例子，但它只隐藏了最后一个例子。

$('li').eq(-3).hide();​

任何帮助将不胜感激。 ：）

Answer 1

1. 使用选择器:gt()

     

   描述：选择匹配集中索引大于索引的所有元素。

＆＃13;
＆＃13;
$('li:gt(4)').hide();
＆＃13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <li>four</li>
    <li>five</li>
    <li>six</li> <!-- hide me -->
    <li>seven</li> <!-- hide me -->
    <li>eight</li> <!-- hide me -->
    <li>nine</li> <!-- hide me -->
    <li>ten</li> <!-- hide me -->
    <li>eleven</li> <!-- hide me -->
</ul>
＆＃13;
＆＃13;
＆＃13;