Как я могу стилизовать четных и нечетных детей в динамическом списке?

Question

Я использую

$('.js-toprow:nth-child(even)').css("background:", "#ddd");
$('.js-toprow:nth-child(odd)').css("background:", "#ff0000");

Внутри функции:

function resetSlides() {
    container.css({
        'top': -1 * item_height
    });

// >> Using it here <<   
}

Чтобы дерево элементов было двух разных цветов.

Полный код может бытьвидно здесь (уже решено): «Рабочий» скрипт, возвращающий Uncaught DOMException: не удалось выполнить «insertBefore» на «узле»: новый дочерний элемент содержит родительский элемент

В этом случае переменнаястиль должен быть «слайды», поэтому я попытался использовать slides.css({'background': '#000'}); внутри функции только для тестирования, и это сработало, но мне все еще нужны четные и нечетные.

Да, мне нужно добиться этого с помощьюТолько для jQuery, поскольку использование CSS приводит к изменению стиля дочерних элементов, поскольку новые элементы вставляются в начало списка.

Answer 1

Вы можете просто перебрать элементы и проверить индекс, чтобы определить, является ли он четным или нечетным:

$('.js-toprow').each(function(index) {
    if (index % 2 === 0) { // Even
      $(this).css('background', '#ddd');
    } else { // Odd
      $(this).css('background', '#ff0000');
    }        
});

Оператор по модулю возвращает остаток от деления двух чисел, в данном случае index и2.Четное число всегда вернет 0.