jquery - "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');

但没有工作..将其更改为第二，第三，第四等的正确代码是什么..

Answer 1

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

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

请记住 :eq() 是基于 0 的。