我如何更改类点击

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"是一个字体很棒的图标，我想让它从一个favolumeup到favolumeoff点击，在我改变它之前，它是。text，这将使用谷歌字体材料图标，因为文本会改变，图标也是。

我如何改变类使用JavaScript点击使用上面的代码?从fa fa-volume-up(默认)到fa fa-volume-off

它必须在这里使用，因为它使用的YoutubeFrame API，控制音量，播放，时间等。但是，如果你知道一个解决这个问题的方法，那将是最有帮助的。

Answer 1

检查jquery的addClass &removeClass功能?

Answer 2

    $('#mute-toggle').on('click', function() {
    var mute_toggle = $(this);
    if(player.isMuted()){
        player.unMute();
        mute_toggle.text('volume_up');
    }
    else{
        player.mute();
        mute_toggle.addclass('fa-volume-off'); 
  /* this adds class where #mute_toggle, also you need to add manually .fa class  */
  /*** or add this line to your code  ***/
  /*    mute_toggle.addclass('fa');   */

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