字符串和选项值比较

Question

当前我正在将选择菜单变成色样，现在我处于用户单击色样的阶段，我需要选择相关的选择选项。

的swathches得到建有以下HTML

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

类定义的颜色从在选择可用的选项，我现在需要做的衍生是，如果红色框点击化妆选中红色选项。到目前为止，我有以下代码，

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