使用jquery选择列表中的第2和第3个列表项

Question

我有一个清单。

<ul id="navigation">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>

使用jquery id将clas应用于第2和第3个列表项。

我可以使用简单的代码吗？

由于

Answer 1

最简单的方法是使用逗号分隔符对第2和第3个列表项进行分组：

$("#navigation li:nth-child(2), #navigation li:nth-child(3)").addClass("name");

Answer 2

$("#navigation li:eq(1), #navigation li:eq(2)").addClass("someClass");

查看:eq选择器。

Answer 3

虽然Cletus是对的，你可以做的最简单的事情是使用标准的jQuery逗号分隔列表，如果事实证明你需要选择很多它们，你应该开始查看.nextUntil()和.prevUntil()方法。你会像这样使用它们：

$("#navigation li:nth-child(2)").nextUntil(":nth-child(4)").addClass("name");

Answer 4

试试吧

$("#navigation li:gt(0):lt(2)").addClass("t");

Answer 5

您正在寻找第n个子选择器。

$("ul li:nth-child(2)").addClass('MyClass');