使用jQuery选择中间DOM项目

Question

在下面的代码中，我选择了第三个li元素。我很好奇如何修改jQuery代码以选择任意数量的Next li标签以及第三个标签。基本上，我选择了第三个，很好奇我可以添加哪种代码以继续同时选择。

<article id="post1">
<nav>
    <ul>
        <li>Tab1</li>
        <li>Tab2</li>
        <li>Tab3</li>
        <li>Tab4</li>
        <li>Tab5</li>
        <li>Tab6</li>
        <li>Tab7</li>
    </ul>
</nav>
</article>

    <script>
    $('#post1 > nav > ul > li:nth-child(3)').css('color','green');
    </script>

Answer 1

如果我正确理解您，您正在寻找.slice：

$('#post1 > nav > ul > li').slice(2, 3+x).css('color','green');

其中x是您要选择的以下兄弟姐妹的数量。