字符串和选项值比较

Question

目前我正在将选择菜单转换为色样，现在我处于用户点击色样的阶段，我需要选择相关的选项。

使用以下html构建swathches

<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() );
        }
    });
});