Как сделать переход на ссылку при клике на кнопку в зависимости от выбранного цвета?

Question

[Shuboanator]

<div class="black active"></div>
<div class="white"></div>
<button class="add-to-bag"></div>

Как сделать чтобы при клике на кнопку переходило на ссылку либо "black.html" либо "white.html" в зависимости у какого цвета есть класс "active"?

Answer 1

[Dmitry]

Например, так (add-to-bag - ссылка, а не кнопка):

var selectors = ['black', 'white'];

$(".add-to-bag").click(function() {
    var $this = $(this);

    $.each(selectors, function(index, value ) {
        if($('.'+value).hasClass("active")) {
            console.log(value);
            $this.attr("href", value+".html")
        }
    });
});

Answer 2

[Andrey Vasilev]

так ну, плавный переход на ссылку? это как? есть вот такой вариант, тут не гадают
Разукрась, делай активные классы по событию которому надо там, все дела

Comments

[Shuboanator]

Немного не то) Вот есть 1,2,3,4.
И надо, что бы в зависимость от выбранного номера при клике у общей кнопки менялся href
Общая кнопка

т.е если у цифры 2 есть класс active, то у кнопки было<a href="2.html">Общая кнопка</a>
а если выбираем цифру 3 (т.е у нее уже класс active, а не у 2, то будет <a href="3.html">Общая кнопка</a>

[Andrey Vasilev]

Shuboanator,