javascript - 如何正确切换类(class)？

Question

我正在尝试切换两个类，但它不起作用。

HTML

 <a class="reme" href="#"><i class="far fa-circle"></i> Remember Me</a>

JQUERY

$(".reme").click(function() {

 if ( $(this).toggleClass( 'i' ) == ( 'far fa-circle' ))  {

 $( 'i' ).toggleClass( 'fas fa-circle' );

 } else {

  $( 'i' ).toggleClass( 'far fa-circle' );

 }
});

Answer 1

toggleClass基本上，如果列表中不存在类，则将其添加到列表中；如果存在，则将其删除。您将能够删除 addClass 的代码& removeClass .

看来您不想更改是否 fa-circle在那里，所以你可以从 toggleClass 中删除它。这应该让你只需要这个:

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

这将在 far 之间切换& fas 。例如，如果当前元素是 <i class="fa-circle far"></i> &点击事件发生，元素会变成<i class="fa-circle fas"></i> .

可以找到文档 here .