要素番号6以降をjqueryで選択します

Question

これで子がたくさん入っているコンテナがありますが、最初の5要素を表示し、残りの部分をhide（）したいだけです。

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

私はもう1つの例を見つけましたが、最後の3番目のものを隠すだけです。

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

ご協力いただければ幸いです。 :)

Answer 1

1. セレクタを:gt()

   説明使用：一致セット内のインデックスよりも大きいインデックスにすべての要素を選択します。

$('li:gt(4)').hide();

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