Как получить значение атрибута и заменить его?

Привет!
Есть модуль вывода цветов в карточке товара на woocommerce. Модуль задает значение цвета блока через hex.
Для некоторых цветов нужно загрузить изображение вместо hex.
Не могу разобраться как получить значение из "wpk-color-name" и если оно например "gold", то заменить на "background-image: url(...gold.jpg) !important;" вместо "background: #b33200"

<div class="wpk-color" data-color="#b33200">
                <div class="wpk-color-preview" style="background: #b33200">
                  
                </div>
                <div class="wpk-color-price">20%</div>
                <div class="wpk-color-name">
                    Red
                </div>