Javascript 如何在字体图标之间切换jquery

我想在字体和图标之间切换。我已经试过了

$(document).ready(function () {
     $("#minus").click(function () {
         $("#tog").slideToggle();
         if (  $("#minus").hasClass("fas fa-minus")) {
             $("#minus").addClass("fas fa-plus")
         }else {
             $("#minus").addClass("fas fa-minus")
         }
     })
})

---

但是上面的代码都不起作用。如何在两个不同的图标之间切换看起来，在添加新类时，您正在添加新类，但没有删除以前的类，因此元素会显示在样式表中最后的图标类

     $("#minus").click(function () {
         $("#tog").slideToggle();
         if (  $("#minus").hasClass("fas fa-minus")) {
             $("#minus").addClass("fa-plus").removeClass('fa-minus')
         }else {
             $("#minus").addClass("fa-minus").removeClass('fa-plus')
         }
     })

---

更好的实施方法是使用：

$（文档）.ready（函数（）{
$（“#减”）。单击（函数（）{
美元（“#减去”）。切换类别（“fa减去”）；
美元（“#减”）。切换类别（“fa加”）；
})
})

您使用的是哪个版本的FA？使用SVG的最新版本在运行时通过使用最新版本更改classam动态更改图标存在问题如果您遇到困难，另一种方法是添加两个按钮元素-一个用于展开，一个用于折叠，然后根据需要显示/隐藏它们

$(document).ready(function () {
     $("#minus").click(function () {
         $("#tog").slideToggle();
         if (  $("#minus").hasClass("fas fa-minus")) {
             $("#minus").addClass("fas fa-plus")
         }else {
             $("#minus").removeClass("fas fa-plus")
         }
     })
})

     $("#minus").click(function () {
         $("#tog").slideToggle();
         if (  $("#minus").hasClass("fas fa-minus")) {
             $("#minus").addClass("fa-plus").removeClass('fa-minus')
         }else {
             $("#minus").addClass("fa-minus").removeClass('fa-plus')
         }
     })