Блог

Главная - Вопросы по программированию - Как проверить, активен ли класс li?

Как проверить, активен ли класс li?

#twig

#twig

Вопрос:

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

Комментарии:

1. если первый ключ равен нулю, вы можете сделать это {% for key, streetOption in streets %} {% if key == 0 %}

Ответ №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>

ДЕМОНСТРАЦИЯ

Комментарии:

1. loop.first для победы