Javascript 如何正确切换类？

我试图切换两个类，但它不起作用

HTML

---

toggleClass

基本上是在列表中添加一个不存在的类，或者删除一个存在的类。您将能够删除

addClass

和

removeClass

的代码

看起来您不想更改是否存在

fa circle

，因此您可以从

toggleClass

中删除它。这将使您只需要：

$(".reme").click(function() {
    $( "i" ).toggleClass("far fas");
});

这将在

far

和

fas

之间切换。例如，如果当前元素是

&发生单击事件，则该元素将成为

---

可以找到文档。

toggleClass

基本上是在列表中添加一个不存在的类，或者删除一个存在的类。您将能够删除

addClass

和

removeClass

的代码

看起来您不想更改是否存在

fa circle

，因此您可以从

toggleClass

中删除它。这将使您只需要：

$(".reme").click(function() {
    $( "i" ).toggleClass("far fas");
});

这将在

far

和

fas

之间切换。例如，如果当前元素是

&发生单击事件，则该元素将成为

可以找到文档。

这似乎有效

$（“.reme”）。单击（函数（）{
if（$（this.find（'i'）.hasClass（“far”））{
$（this.find（'i'）.removeClass（“far”）；
$（this.find（'i'）.addClass（“fas”）；
}否则{
$（this.find（'i'）.removeClass（“fas”）；
$（this.find（'i'）.addClass（“far”）；
}
});
.far{color:red；}
.fas{颜色：绿色；}

这似乎有效


$（“.reme”）。单击（函数（）{
if（$（this.find（'i'）.hasClass（“far”））{
$（this.find（'i'）.removeClass（“far”）；
$（this.find（'i'）.addClass（“fas”）；
}否则{
$（this.find（'i'）.removeClass（“fas”）；
$（this.find（'i'）.addClass（“far”）；
}
});
.far{color:red；}
.fas{颜色：绿色；}
为了达到预期的结果，请使用下面的选项使用切换类来交替添加和删除far和fas类

$('i').click(function() {
$(this).toggleClass('fas far');
});

有关toggleClass的更多详细信息，请参考链接-
工作代码示例供参考
代码笔-
$（'i'）。单击（函数（）{
$（this.toggleClass（'fas far'）；
});
为了达到预期的结果，请使用下面的选项使用切换类来交替添加和删除far和fas类

$('i').click(function() {
$(this).toggleClass('fas far');
});

有关toggleClass的更多详细信息，请参考链接-
工作代码示例供参考
代码笔-
$（'i'）。单击（函数（）{
$（this.toggleClass（'fas far'）；
});

在
class=“far fas”
和
class=”“
@JacobLamb之间进行切换，这里有一个jsFiddle显示它应该如何工作：您的控制台中是否有任何错误？@ThomasByy它应该只在
far
和
fas
都作为类存在或缺失时才这样做。否则它应该在它们之间切换。这个在
class=“far fas”
和
class=”“
@JacobLamb之间的切换显示了它应该如何工作：您的控制台中是否有任何错误？@ThomasByy它应该只在
far
和
fas
都作为类存在或缺失时才这样做。否则它应该在它们之间交换。