Jquery 切换类不工作

我有三个播放按钮，用于简单的自定义播放器，如下所示：

<div>
  <div class="gs-player">
    <div id="gs1" onclick="play(309689093)" class="fa fa-3x fa-play"></div>
  </div>
  <div class="gs-player">
    <div id="gs2" onclick="play(316017522)" class="fa fa-3x fa-play"></div>
  </div>
  <div class="gs-player">
    <div id="gs3" onclick="play(315363199)" class="fa fa-3x fa-play"></div>
  </div>
</div>

$(document).ready(function() {
    $('.fa-play').click(function () {
      $('.fa-pause').removeClass('fa-pause'); 
      $(this).toggleClass('fa-pause');          
    });
});

基本上，除了toggle函数外，它工作正常，看起来更像一个addClass。如果我再次单击活动的

div

，它不会删除

fa pause

中的行为更为明确

---

另外，有没有一种不用框架就可以实现的方法？

您正在删除该类，然后将其重新打开。添加

。而不是（此）

，以避免此问题。它将确保修改的元素不会是当前正在单击的元素

$（文档）.ready（函数（）{
$（'.fa play'）。单击（函数（）{
$（'.fa-pause'）.not（this.removeClass（'fa-pause'）；
$（this.toggleClass（'fa-pause'）；
});
});
函数play（）{}//删除这一行，我使用它只是为了避免错误（因为我们没有您的完整代码）。

不要做
$（'fa-pause'）。移除类（'fa-pause'）由您自己，切换提到了：

$(document).ready(function() {
    $('.fa-play').click(function () {
      $('.fa-pause').not(this).removeClass('fa-pause');
      $(this).toggleClass('fa-pause');          
    });
});