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

Answer 2

尝试这个：

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