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

Question

好的，所以我有一个容器，里面有一堆 children，但我只想显示第一个 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>

我找到了另一个例子，但它只隐藏了倒数第三个。

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

如有任何帮助，我们将不胜感激。 :)

Answer 1

使用选择器:gt()

Description: Select all elements at an index greater than index within the matched set.

$('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>

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

selecting element number 6 and onwards with jquery

jquery

selector