2013-10-11 2 views
0
<div class='checked' id='rb01'></div> 
<div class='rb' id='rb02'></div> 
<div class='rb' id='rb03'></div> 

이것은 버튼입니다. 클릭하면 CSS 클래스를 전환해야합니다.여러 div에 CSS 클래스 전환

$(".rb").click(function() { 
    $('.checked').addClass('rb'); // doesn't work 
    $(this).addClass('checked'); // works 
}); 
$("#rb01").click(function() { // all works 
    $('#player').attr('src', '//www.youtube.com/embed/x13hzEsEPe0?rel=0'); 
}); 
$("#rb02").click(function() { 
    $('#player').attr('src', '//www.youtube.com/embed//pKfRAq4PPIQ?rel=0'); 
}); 
$("#rb03").click(function() { 
    $('#player').attr('src', '//www.youtube.com/embed/hiZIEB1776g?rel=0'); 
}); 
+1

는 addClass는 http://jsfiddle.net/arunpjohny/emQ7s/1/ –

+0

@ArunPJohny을하고있다, 당신의 바이올린을 확인, 나를 위해 일을 doeesn't. firefox 24 – bonaca

답변

1

시도를;

$('.checked').removeClass().addClass('rb'); 
+0

우수. 고마워. – bonaca

+0

btw 왜 여기에'@'을 입력 할 수 없으며 제안 이름을 얻을 수 없습니다. 그것은 단지 질문에 답하는 부분에서만 작동하지만 대답 부분에서는 작동하지 않습니다. – bonaca

+0

당신의 환영 @SunSky. 체크 표시를 클릭하여이 답변을 수락 한 것으로 표시하는 것을 잊지 마십시오. –

0

이 시도 :

$(".rb").on("click",function(){ 
    $('#player').attr('src', '//www.youtube.com/embed//pKfRAq4PPIQ?rel=0'); 
}); 
+0

히 일러, 나는 네가 그 질문을 이해하지 못했다고 생각한다. 'does not work' 라인에 집중하십시오. – bonaca

+4

@SunSky 질문이 없습니다. – undefined