javascript - 如何更改点击类？

Question

我正在为一个网站编写代码片段，我想更改点击类，它与 YouTube 视频的静音按钮有关，

这是我的代码:

    // Sound volume


$('#mute-toggle').on('click', function() {
    var mute_toggle = $(this);

    if(player.isMuted()){
        player.unMute();
        mute_toggle.text('volume_up');
    }
    else{
        player.mute();
        mute_toggle.class('fa fa-volume-off');
    }
});

$('#volume-input').on('change', function () {
    player.setVolume($(this).val());
});

你会看到“mute_toggle”是一个 Font Awesome 图标，我希望它在点击时从 fa-volume-up 变为 fa-volume-off，在我改变它之前，它是 .text，这将使用谷歌字体 Material 图标，因为文本和图标也会发生变化。

如何使用上面的代码在单击时使用 JavaScript 更改类？从 fa fa-volume-up(默认)到 fa fa-volume-off。

这里必须使用它，因为它使用了控制音量、播放、时间等的 YoutubeFrame API。但是，如果您知道解决方法，那将非常有帮助。

Answer 1

检查 jquery addClass 和 removeClass 函数？