在多個div上切換css類

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

來源

2013-10-11 bonaca

的addClass工作http://jsfiddle.net/arunpjohny/emQ7s/1/ –

@ArunPJohny，我檢查你的小提琴，它doeesn't爲我工作。 firefox 24 – bonaca

嘗試;

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

來源

2013-10-11 08:58:54

優秀。非常感謝。 – bonaca

btw爲什麼我不能在這裏鍵入'@'並得到一個建議名稱。它只適用於問題部分，而不適用於答案部分？ – bonaca

your'e歡迎@SunSky。不要忘記標記這個答案爲接受點擊複選標記.. –

試試這個：

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

來源

2013-10-11 08:52:02 Hiral

Hiral，我想你不明白這個問題。請關注'不工作'行。 – bonaca

@SunSky你還沒有問過任何問題！ – undefined

在多個div上切換css類

回答

相關問題