JS/JQUERY Меняется между 2 цветами, если предыдущий атрибут отличается от следующего

#javascript #jquery

Вопрос:

Возможно ли это?

Предположим, у меня есть такая установка. Каждый div представляет собой квадрат, представляющий валюты. Теперь я могу изменить все остальные элементы на все, что захочу, но я понятия не имею, как изменить цвет в зависимости от их значения. Например, я хочу, чтобы все итерации GBP были серыми — автоматически следующий цвет должен быть синим, затем серым, затем синим и т. Д.

Важно, чтобы он был динамичным и основывался не на тексте div, а скорее на каком-то атрибуте, который позже будет сгенерирован в php и присвоит его валюте (например, gbp имеет идентификатор 1 в базе данных, usd имеет идентификатор 2 и т. Д. Это означает, что эти div будут генерироваться со значением идентификатора из базы данных).

 <div value"1"> GBP </div> < gray
<div value"1"> GBP </div> < gray
<div value"1"> GBP </div>  < gray
<div value"2"> USD</div> < blue
<div value"2"> USD</div>  < blue
<div value"2"> USD</div>  < blue
<div value"3"> CHF</div>  < gray
<div value"3"> CHF</div>  < gray
<div value"3"> CHF</div>  < gray
 

Это легко сделать статически, но я пытаюсь сделать его динамичным, чтобы каждый раз, когда добавляется новая запись в любой валюте, она имела один и тот же цвет. Стоит отметить, что данные сортируются и отображаются на веб-сайте точно так же, как в примере, показанном выше.

Комментарии:

1. div у s обычно нет value свойства, возможно, было бы лучше использовать атрибут данных ( документация ).

2. получите все дивы с одним и тем же атрибутом, затем повторите их и измените цвет, если они нечетные/четные?

3. Да, я думал об использовании атрибута данных, но я действительно понятия не имею, как это понять 🙁