如何检查 li 是否有 class Active？答案

【问题标题】：How to check whether the li has class Active?如何检查 li 是否有 class Active？
【发布时间】：2019-09-12 11:06:26
【问题描述】：

我想通过 twig 将 Active 类添加到第一个 li 实例，而不使用 JS、jQuery 或其他任何东西。我怎样才能做到这一点？

提前致谢

<ul class="header-search-list" id="streetInputList">
   {% for streetOption in streets %}
       <li data-label-for="{{ streetOption.id }}" style="display: none;">{{ streetOption.name }}</li>
   {% endfor %}
</ul>

【问题讨论】：

如果第一个键等于零，你可以这样做{% for key, streetOption in streets %} {% if key == 0 %}

标签： twig

【解决方案1】：

如果您想将active 类添加到循环中的第一个元素，您可以使用loop 变量，例如

<ul class="header-search-list" id="streetInputList">
   {% for streetOption in streets %}
       <li data-label-for="{{ streetOption.id }}" {% if loop.first %} class="Active"{% endif %} style="display: none;">{{ streetOption.name }}</li>
   {% endfor %}
</ul>

demo

【讨论】：

loop.first 胜利