Javascript jQuery问题，点击时替换字体5图标？
我正在尝试使用Font-Awesome 5将播放按钮更改为暂停按钮。我不明白为什么它似乎只是不切换点击。它能识别点击（我试过发出警告，所以当我按下按钮时它能识别），但它无法找到里面的元素并对其进行更改 这是我的代码：Javascript jQuery问题，点击时替换字体5图标？,javascript,jquery,font-awesome,font-awesome-5,Javascript,Jquery,Font Awesome,Font Awesome 5,我正在尝试使用Font-Awesome 5将播放按钮更改为暂停按钮。我不明白为什么它似乎只是不切换点击。它能识别点击（我试过发出警告，所以当我按下按钮时它能识别），但它无法找到里面的元素并对其进行更改 这是我的代码： $（“.startButton”）。单击（函数（）{ $（this）.find（“i”）.removeClass（“fa play circle”）.addClass（“fa pause circle”） }); 00:00:00 停止 清楚的 您的代码的主要问题是，您使用的是
$（“.startButton”）。单击（函数（）{
$（this）.find（“i”）.removeClass（“fa play circle”）.addClass（“fa pause circle”）
});
00:00:00
停止
清楚的
您的代码的主要问题是，您使用的是Font Awesome 5，它将i
元素更改为svg
，因此您的代码无法工作
您有两种解决方案：
最简单的方法是使用CSS版本的Font Aweome 5，您将能够保持代码的原样：
$（“.startButton”）。单击（函数（）{
$（this.find（“i”）.removeClass（“fa play circle”）.addClass（“fa pause circle”）；
});
00:00:00
停止
清楚的
meI制作了这个JSFIDLE，并试图修改它，使它在类是play按钮时显示一个警报，但它似乎不起作用，这对它来说很好？啊，这改变了一切：）您正在使用fa5删除i使其成为svg；）这是非常重要的指定！除非你的问题完全无关抱歉！！我是新来的。我曾看到其他人提到svg，我试图将“I”修改为“svg”，但仍然没有解决我的问题。我只是不确定我在这里做错了什么，请修改您的问题，将相关部分包括在内；）我要加一个anwser