字符串和選項值比較

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