CSS는 동적 클래스에 영향을 미치지 않습니다.

Question

$('fieldset.one label, fieldset.two label').each(function() { 
    var className = $(this).text().trim().toLowerCase(); 
    $(this).addClass('default ' + className); 
}); 

레이블 요소에 클래스를 동적으로 추가하지만 스타일을 지정하려고해도 효과가 없습니다. 그 중 하나는 내가 불을 지르고에서 볼, .sedan 클래스가 자동으로 추가가 있지만 아무런 영향이없는 다음

.sedan { 
    display:none !important; 
} 

HTML :

코드 아무 문제가 없습니다

<fieldset class="one"> 
    <label>sedan</label> 
    <label>suv</label> 
    <label>truck</label> 
</fieldset> 

<fieldset class="two"> 
    <label>sedan</label> 
    <label>suv</label> 
    <label>truck</label> 
</fieldset> 

Answer 1

사용 jQuery의 trim 방법 :

var className = $.trim($(this).text()).toLowerCase(); 

Answer 2

당신 '을 여기 게시했습니다. 난 그냥 로컬로 테스트하고 잘 작동합니다. 선택기가 올바른지 확인하십시오. 그러면 스타일이 방화범으로 추가되는지 여부를 확인할 수 있습니다. 나를 위해

Answer 3

작품 : http://jsbin.com/amovo/edit