"li.menuItem: first" to "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.

Answer 2

li-menuItem:nth-child(3) выберет 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

Надеюсь, это поможет.Приветствия