jquery를 통해 CSS 클래스를 변경 하시겠습니까?

Question

jquery를 통해 CSS 클래스 속성을 변경하고 싶습니다. 나는 작동하지 않는 예를 가지고있다. 버튼을 클릭하면 레이블 텍스트가 녹색으로 변경됩니다.

내가 잘못하고있는 아이디어가 있습니까?

HTML :

<label class="somethingcustom">My Label</label><br> 
<button onclick="javascript:changeColor();">click me</button> 

CSS :

label.somethingcustom {color:red;} 
.greenLabel label.somethingcustom {color:green;} 

JQuery와 :

function changeColor() { 
    $('label.somethingcustom').parent().addClass('greenLabel'); 
} 

http://jsfiddle.net/bq4ruekj/1/

Answer 1

당신이 코드 .parent() 사용을 제거해야합니다 : 이 같은

function changeColor() { 
    $('label.somethingcustom').addClass('greenLabel'); 
} 

및 재정 당신의 CSS :

이

label.somethingcustom.greenLabel {color:green;}