문자열과 옵션 값 비교

Question

현재 선택 메뉴를 색상 견본으로 바꾸고 있는데 사용자가 색상 견본을 클릭하면 관련 선택 옵션을 선택해야합니다.

swathches 클래스 정의의 색상은 내가 지금 무엇을해야하는지 선택에서 사용 가능한 옵션에서 파생

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

다음 HTML로 구축 얻을 빨간색 상자가 화장을 클릭 한 경우입니다 빨간색 옵션이 선택되었습니다. 지금까지 나는 다음과 같은 코드를 가지고,

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