切换字体真棒书签图标

【问题标题】：Toggle Font Awesome Bookmark Icon切换字体真棒书签图标
【发布时间】：2018-02-07 00:25:56
【问题描述】：

感谢你们为帮助这位学习者所做的所有工作！

我正在尝试在打开的书签 fa 图标和关闭的 fa 书签图标之间切换。如果我从一个关闭的图标开始，我的代码就可以工作，但反之则不行。我该如何解决这个问题？

谢谢 :) 任何帮助表示赞赏！ Code Here

【问题讨论】：

【解决方案1】：

如果您正在寻找纯 JavaScript 解决方案，您可以同时切换：

<i onClick="myBookmark(this)" class="fa fa-bookmark-o"></i>
x.classList.toggle("fa-bookmark-o");
x.classList.toggle("fa-bookmark");

否则，如果您正在寻找 JQuery 解决方案：

<i id="bookmark-toggle" onClick="myBookmark(this)" class="fa fa-bookmark-o"></i>
$("#bookmark-toggle").toggleClass("fa-bookmark fa-bookmark-o");

【讨论】：

【解决方案2】：

在您的代码中，您只是切换类 fa-bookmark，并始终保持类 fa-bookmark-o。

在 font-awesome.min.css 类 fa-bookmark-o 在 fa-bookmark，因此当两个类都存在时，fa-bookmark-o 将始终获胜。

阅读this article，了解 css 顺序优先级。

【讨论】：