Сравнение значений строк и параметров

Question

В настоящее время я превращаю меню выбора в образец цвета, и теперь я на этапе, когда пользователь щелкает образец цвета, и мне нужна соответствующая опция выбора для выбора.

Образцы создаютсясо следующим html

<div class="option red"></div>

цвет в определении класса получен из доступных опций в select, что мне теперь нужно сделать, если щелкнуть красную рамку, сделать красныйопция выбрана.Пока у меня есть следующий код,

$('fieldset.colours option').each(function(){
    $('.colours').append('<div class="option '+$(this).val().toLowerCase()+'"></div>')
});

$('.option').click(function(){
    var classList =$(this).attr('class').split(/\s+/);
    $.each( classList, function(index, item){
        if (item != 'option') {

        }
    });

});

Answer 1

Возможно, вы попробуете:

$('.option').click(function () {
    var selectedOption = $(this);

    $('fieldset.colours option').each(function () {
        if (selectedOption.hasClass( $(this).val().toLowerCase() )) {
            $('fieldset.colours').val( $(this).val().toLowerCase() );
        }
    });
});