Перебор элементов jQuery

Вопрос-ответ JavaScript
1

Есть у меня спиосчек ul, и первые несколько элементов, перед анимацией вырезаются :lt(n) и вставляются в конец списка .appendTo(ul), а по колбэку конца анимации я должен пройтись по каждому элементу в новом наборе и проставить каждому третьему элементу определенный класс.

Делаю я это так:

sliderItems.removeClass('teasers-slider__i_space');
sliderItems.each( function (index) {
	self = $(this);
	index += 1;
	if(index % 3 === 0) {
		self.addClass('teasers-slider__i_space');
	}

});

Но классы ставятся неверно. Каким образом в такой ситуацией мне правильно по новому набору пробежаться и проставить класс каждому третьему элементу?

2

В очередной раз формулируя вопрос, я нашел ответ, какой-то волшебный форум)

Для пробегания по набору элементов я просто использовал уже закешированную переменную, где элементы составляли набор до перестановки, если делать так, при каждой анимации создавая набор заново, проблема решается:


sliderItems.removeClass('teasers-slider__i_space');
slider.find('.teasers-slider__i').each( function (index) {
	self = $(this);
	index += 1;
	if(index % itemsPerOneSlide === 0) {
		self.addClass('teasers-slider__i_space');
	}

});
3

И да, мне тут посоветовали, что вместо:


sliderItems.each( function (index) {
   self = $(this);
   index += 1;
   if(index % itemsPerOneSlide === 0) {
    self.addClass('teasers-slider__i_space');
   }
  });

Можно просто:


sliderItems.filter(':nth-child(3n)’)
    .addClass('teasers-slider__i_space')

:)

4

Нужно добавить константу к 3n или результату деления. Если я правильно понял вопрос.