如何在点击时更改课程？答案

【问题标题】：How do I change the class on click?如何在点击时更改课程？
【发布时间】：2015-09-19 18:01:16
【问题描述】：

我正在为一个网站编写代码 sn-p，我想在点击时更改类，它与 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”是一个很棒的字体图标，我希望它在点击时从 fa-volume-up 变为 fa-volume-off，在我更改之前，它是 .text，这将使用谷歌字体材料图标，因为文本会改变，图标也会改变。

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

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

【问题讨论】：

你检查过 jquery addClass 和 removeClass 函数吗？
mute_toggle.addClass('fa-volume-off'')
我会研究一下，我以前没用过jquery，或者从头开始编码，总是使用模板或代码sn-ps。
我写了如何添加类，与删除相同的想法。谷歌'jquery addclass'了解更多信息/sn-p
谢谢，效果很好。

标签： javascript jquery youtube-api

【解决方案1】：

检查 jquery addClass 和 removeClass 函数？

【讨论】：

工作正常，希望我不要再问这样愚蠢的问题，感谢您的快速回答，我会在几分钟内检查答案，最终代码在这里：pastebin.com/raw.php?i=JGWsNL29跨度>

【解决方案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());
});

【讨论】：