Как менять класс при клике?

Question

[Антон]

Как при клике на див добавить класс active и соответственно убирать его при клике на другой див в рамках одного товара?
Дело в том, что это не один код. Это пример одного товара на странице, а их множество на странице.

<div class="items-list-item-colors">
		<div data-color="0" data-url="/black/" class="items-list-item-colors-color" style="background: url(/upload/1e961.jpg) no-repeat;"></div>
		<div data-color="1" data-url="/red/" class="items-list-item-colors-color" style="background: url(/upload/e253.jpg) no-repeat;"></div>
		<div data-color="2" data-url="/blue/" class="items-list-item-colors-color" style="background: url(/upload/3769.jpg) no-repeat;"></div>
</div>

Comments

[Froggyweb]

JS

[alex]

не стыдно такие азы спрашивать?

[Антон]

Alex, Для тех кто этим занимается - азы. Я раз в сто лет по надобности с этим имею дело.

Answer 1

[Alexander Pushkarev]

Тут 2 способа.

1) Закостылить через input radio (это если очень не хочется JS использовать)
2) Написать небольшой скрипт на JS. Вот вам статья - https://medium.freecodecamp.org/how-to-manipulate-... там всё расписывается. Там даже готовый код есть

Answer 2

[Павел Воронюк]

Клас .active ножно добавлять в div с классом .items-list-item-colors ?

Comments

[Антон]

Это было бы очень просто)
data-color