用jquery选择列表中的第二和第三个列表项。

I have a list.

我有一个列表。

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

And using jquery id like to apply a clas to the 2nd and 3rd list items.

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

Is there simple code for me to do this?

有没有简单的代码让我这么做?

Thanks

谢谢

5 个解决方案

#1

The simplest approach is to use the comma separator to group the 2nd and 3rd list items:

最简单的方法是使用逗号分隔符来分组第2和第3个列表项:

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

#2

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

Have a look at the :eq selector.

看一下:eq选择器。

#3

While Cletus is right, and the simplest thing you can do is use the standard jQuery comma-separated list, if it turns out you need to choose a whole lot of them, you should start looking at the .nextUntil() and .prevUntil() methods. You'd use them like so:

虽然Cletus是正确的，但是您可以做的最简单的事情是使用标准的jQuery逗号分隔列表，如果您需要选择很多这样的列表，那么您应该开始查看. nextuntil()和. prevuntil()方法。你可以这样使用:

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

#4

Try it

试一试

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

#5

You are looking for the nth child selector.

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

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

#1