Javascript 如何在细枝内切换类（如果条件）

您好，我有一个书签图标，我想根据树枝条件启用它 首先，这是禁用的检查：

启用：

正如您在这里看到的，我所做的只是将类faved注入到按钮：

class="faved"

现在，在我们能够相互理解之后，这里是my twig测试代码，如果这本书被添加了书签，它将被测试

{% for favs in fav %}
  {% if livre.idLivre == favs.idLivre.idLivre %}
   <h>favorited book in the database</h>
  {% endif %}
{% endfor %}

{fav%中fav的%
{%if livre.idLivre==favs.idLivre.idLivre%}
数据库中最喜欢的书
{%endif%}
{%endfor%}

输出

如您所见，我可以捕获数据库中的收藏书籍并打印“数据库中的收藏书籍”作为测试

这是我的完整细枝代码，包含btn代码：

{% for favs in fav %}
{% if livre.idLivre == favs.idLivre.idLivre %}
<h>favorited book in the database</h>
{% endif %}
{% endfor %}
 <div align="center" id="{{ livre.idLivre }}">
ajouter au favoris
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"rel="stylesheet">
<button id="heart">
<span class="glyphicon glyphicon-heart">
<span class="glyphicon glyphicon-heart">
</span>
</span>
</button>

{fav%中fav的%
{%if livre.idLivre==favs.idLivre.idLivre%}
数据库中最喜欢的书
{%endif%}
{%endfor%}
阿吉奥福利斯酒店

---

现在，我想做的任务是更改图标启用的状态，或者如果twig条件为true，则使用其他词将class=“faved”注入按钮。

只需获取您的条件并将其内联，以确定是否应在按钮上添加类

这里我创建了一个变量来确定收藏夹是否存在。然后，当faved==true时，我使用内联条件将类添加到按钮

{% set faved = false %}
{% for favs in fav %}
{% if livre.idLivre == favs.idLivre.idLivre %}
{% set faved = true %}
<h>favorited book in the database</h>
{% endif %}
{% endfor %}
<div align="center" id="{{ livre.idLivre }}">
ajouter au favoris
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"rel="stylesheet">
<button id="heart" class="{{ (faved) ? 'faved' : '' }}">
    <span class="glyphicon glyphicon-heart">
    </span>
</button>

{%set faved=false%}
{fav%中fav的%
{%if livre.idLivre==favs.idLivre.idLivre%}
{%set faved=true%}
数据库中最喜欢的书
{%endif%}
{%endfor%}
阿吉奥福利斯酒店

只需获取您的条件并将其内联，以确定是否应在按钮上添加该类

这里我创建了一个变量来确定收藏夹是否存在。然后，当faved==true时，我使用内联条件将类添加到按钮

{% set faved = false %}
{% for favs in fav %}
{% if livre.idLivre == favs.idLivre.idLivre %}
{% set faved = true %}
<h>favorited book in the database</h>
{% endif %}
{% endfor %}
<div align="center" id="{{ livre.idLivre }}">
ajouter au favoris
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"rel="stylesheet">
<button id="heart" class="{{ (faved) ? 'faved' : '' }}">
    <span class="glyphicon glyphicon-heart">
    </span>
</button>

{%set faved=false%}
{fav%中fav的%
{%if livre.idLivre==favs.idLivre.idLivre%}
{%set faved=true%}
数据库中最喜欢的书
{%endif%}
{%endfor%}
阿吉奥福利斯酒店

像符咒一样工作像符咒一样工作