jquery – “li.menuItem：first”到“li.menuItem：second”？

在页面加载时,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');

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

解决方法

使用 :eq()选择器……

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

请记住：eq()基于0.