Мне нужно вставить src в изображение в зависимости от выбора цвета.
Вот моя разметка:
<div data-img="[black-blue.png]" black blue></div>
<div data-img="[black.png]" black></div>
<div data-img="[blue.png]" blue></div>
<div data-img="[orange.png]" orange></div>
<div data-img="[black-blue-orange.png]" black blue orange></div>
<div data-img="[blue-orange.png]" blue orange></div>
<div data-img="[blue-red-orange.png]" blue red orange></div>
Мой скрипт работает с атрибутами элементов:
var attributes = '';
for(var i = 0; i<activeColorsArray.length; i++ ){
attributes += '['+activeColorsArray[i]+']';
}
Вывод: [blue][black]
, для примера. Он работает для чёрно-синих предметов, но он также ловит чёрно-синие и оранжевые элементы.
[blue][black]:not([orange])
не работает для меня, потому что у меня есть 8 цветов ...
Нужно что-то вроде ТОЛЬКО ЭТОГО селектора.