Задать вопрос
@nen0y

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

Как задать каждому отдельному блоку свой цвет с помощью JQuery?
Допустим первый item должен быть желтого цвета, второй - красного, третий - зеленого и т.д.
https://jsfiddle.net/gL1qawcj/2/
  • Вопрос задан
  • 126 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Какие значения и кому надо назначить, как выбирать конкретное значение в зависимости от индекса элемента:

const key = 'background-color';
const values = [ 'red', 'lime', 'yellow', 'aqua', 'brown', 'magenta' ];
const getValue = i => values[i % values.length];
const selector = '.item';

Назначаем:

$(selector).css(key, getValue);

// или

document.querySelectorAll(selector).forEach((n, i) => {
  n.style[key] = getValue(i);
  // или
  n.style.setProperty(key, getValue(i));
  // или
  n.style.cssText += `${key}: ${getValue(i)}`;
  // или
  n.setAttribute('style', key + ': ' + getValue(i));
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы