jquery - 複数のdivでcssクラスを切り替える

Question

<div class='checked' id='rb01'></div>
<div class='rb' id='rb02'></div>
<div class='rb' id='rb03'></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');
});

Answer 1

試す;

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