Как использовать в цикле for переменную i?

Question

[nanny_ogg]

есть список, в котором показывается 4 первых элемента и скрываются остальные

и есть код, который при нажатии на кнопку должен убирать и присваивать класс showing в зависимости от того, какой элемент показывается на данный момент. например, убрать showing с первого элемента, добавить к пятому.

так все работает:
$('.slide.showing:nth-of-type(1)').removeClass('showing');
$('.slide:nth-of-type(5)').addClass('showing');

а так - нет:
$('.up').click(function(){
for (i=1; i<9; i++){
$('.slide.showing:nth-of-type(i)').removeClass('showing');
$('.slide:nth-of-type(i+4)').addClass('showing');
}
видимо я неправильно использую переменную i

Answer 1

[Алексей Уколов]

'.slide.showing:nth-of-type(' + i + ')'
'.slide:nth-of-type(' + (i+4) + ')'

Comments

[Дмитрий Кравченко]

Максим Зайцев: будет работать

[Виталий Инчин ☢]

Тут другой прикол)

i+4 - в скобки надо

[Алексей Уколов]

Максим Зайцев: в данном случае замыкание не нужно, код же не асинхронный.
Виталий Инчин ☢: точно :)

Answer 2

[Алексей Беспалов]

Алексей Уколов вам правильно написал.
Так же у jQuery есть метод eq(n), что по сути одно и то же

Comments

[Виталий Инчин ☢]

.eq смотрит на порядок элементов в текущей выборке, не в DOM.