使用JQuery选择中间DOM项

Question

在下面的代码中，我选择了第3个li元素。我很好奇如何修改JQuery代码以选择任意数量的 next li标签以及第3个标签。基本上我选择了第3个，我很好奇我可以添加哪些代码以继续进行进一步的同步选择。

<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是您要选择的以下兄弟姐妹的数量。