Как задать каждому отдельному блоку свой цвет с помощью JQuery?

Question

[nen0y]

Как задать каждому отдельному блоку свой цвет с помощью JQuery?
Допустим первый item должен быть желтого цвета, второй - красного, третий - зеленого и т.д.
https://jsfiddle.net/gL1qawcj/2/

Answer 1

[0xD34F]

Цвета сложить в массив:

const colors = [ 'red', 'lime', 'yellow', 'aqua', 'brown', 'magenta' ];

Перебрать элементы, использовать индекс для получения цвета:

$('.item').css('background-color', i => colors[i % colors.length]);

// или

document.querySelectorAll('.item').forEach((n, i) => {
  n.style.backgroundColor = colors[i % colors.length];
});

Comments

[nen0y]

Спасибо

[nen0y]

А если элементов больше 6, нужно что-бы седьмой стал цветом как первый и т.д. Как это сделать?

[0xD34F]

Обновил ответ.

[nen0y]

0xD34F, спасибо еще раз