선택 항목에 클래스 추가

Question

옵션 값을 기반으로 옵션에 클래스를 추가 할 수 있습니까?

내가이 가지고 그래서 경우 :

<select class="rubrique" name="ctl00"> 
    <option value="" selected="selected"></option> 
    <option value="1">1</option> 
    <option value="1">1</option> 
    </select> 

나는 그것을 얻을 것이다 :

<select class="rubrique" name="ctl00"> 
     <option class="" value="" selected="selected"></option> 
     <option class="1" value="1">1</option> 
     <option class="2" value="1">1</option> 
     </select> 

Answer 1

그래, 매우 쉽게, 콜백을 사용하여 addClass의 서명 : 그것은 특정 옵션 요소의 스타일을하는 목적이 있다면

$('.rubrique option').addClass(function() { 
    return this.value; 
}); 

Answer 2

$('.rubrique > option').each(function(){ 
    $(this).addClass($(this).val()); 
}); 

편집 : .val()가 여기에 100 % 맞다면 나는 확실하지 않다, 당신은 또한 이것을 사용할 수 있습니다 :

$('.rubrique > option').each(function(){ 
    $(this).addClass($(this).attr('value')); 
}); 

Answer 3

, 당신은뿐만 아니라이 방법을 고려할 수 :

.rubrique option[value="2"]{ 
    background: yellow; 
}