我想通过树枝将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>
答案 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>