Как проверить, имеет ли ли класс Active?

Question

Я хочу добавить активный класс к первому экземпляру li через twig без использования 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>

Answer 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