"li.menuItem:first“改成"li.menuItem:second"？

Question

在页面加载时，javascript会激活第一个缩略图，但我想根据加载的页面将其更改为第二个、第三个甚至第四个缩略图。

javascript为活动的第一个缩略图工作：

$('#menu ul li.menuItem:first').addClass('act').siblings().addClass('inact');
/* On page load, mark the first thumbnail as active */

我尝试将其更改为：

$('#menu ul li.menuItem:second').addClass('act').siblings().addClass('inact');

但work..what不是将其更改为second，the，fourth等的正确代码。

Answer 1

使用:eq()选择器...

$('#menu ul li.menuItem:eq(2)')

请记住，:eq()是从0开始的。

Answer 2

li-menuItem:nth-child(3)将选择第三个菜单项

http://api.jquery.com/nth-child-selector/

Answer 3

您可以使用:eq选择器

:eq(0)等同于:first

:eq(1)就像在做:第二件事(你想要的)

所以你的代码应该是：

$('#menu ul li.menuItem:eq(1)')   //This selects the second item

希望这能有所帮助。干杯