Эффективный способ изменения цвета фона элемента в CSS3 или HTML5

Мне нужно изменить каждый цвет элемента в списке после изменения порядка или удаления одного элемента, теперь я использую метод jquery css, как показано ниже

$('li').css('background-color', color);

Он работает, но ужасно медленный, и иногда страница будет отображать цвет неправильно, даже в Chrome, который должен быть быстрым. В списке нет много элементов, ниже 10, обычно 5 - 7. Таким образом, эта производительность неприемлема. Поэтому я хочу знать, есть ли лучший, более быстрый способ в CSS3 или HTML5. Если нет, если есть решение или какое-то решение jquery?

Код для обновления цвета элементов списка выглядит следующим образом. Индекс может определяться функцией, и цвет может определять цвет. Основная проблема, по-моему, заключается в том, что изменение фонового цветового триггера происходит или, возможно, реверсирование.

function refreshListItemColor(liElements, colorGetter, indexGetter) {
        colorGetter = colorGetter || (function (color) {
            return color;
        });
        indexGetter = indexGetter || (function (liElement, index) {
            return index;
        });
        liElements.each(function (index, liElement) {
            index = indexGetter(liElement, index);
            var data = ko.dataFor(liElement);
            var indexColor = colorForIndex(index);
            indexColor = colorGetter(indexColor, data);
            if (indexColor !== $(liElement).css('background-color')) {
                $(liElement).css('background-color', indexColor);
            }
        });
}

Обновление: использование element.style ['background-color'] не будет выполнено. Вопрос все еще остается. Другим возможным объяснением отставания является то, что каждый элемент списка имеет около 10 дочерних элементов, что делает цвет элемента списка изменений особенно дорогостоящим.

Update2: я постараюсь задать связанный с этим вопрос: есть ли способ изменить цвет фона родительского узла, не вызывая повторение дочерних элементов?

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

var delay = 100, step = 100;
liElements.each(function (index, liElement) {
    index = indexGetter(liElement, index);
    var data = ko.dataFor(liElement);
    var indexColor = colorForIndex(index);
    indexColor = colorGetter(indexColor, data);
    if (indexColor !== $(liElement).css('background-color')) {
        setTimeout(function () {
            liElement.style['background-color'] = indexColor;
        }, delay);
        delay += step;
    }
});

Похоже, это может облегчить эту проблему. Я думаю, это не решит проблему, но уменьшит воздействие до приемлемого уровня.