django - 模板中的嵌套循环

Question

我的 Django 模板中有一个循环，它显示数据库中的数据

{% for i in prosize %}
            <li><a  class="order" id="{{i.option1}}" href="javascript:setSize('{{i.option1}}')">{{i.option1}}</a></li>
" >{{i.option1}}</a></li>
        {% endfor %} 

我需要更改第一个元素的样式，并且对于其他元素保持不变，例如第一个元素的背景颜色将为黑色，而对于其他元素，它应该是任何其他颜色。

Answer 1

您可以{% if forloop.first %}用来检查这是否是第一次迭代。

可以在此处找到 forloop 结构的完整列表： https ://docs.djangoproject.com/en/dev/ref/templates/builtins/#for

Answer 2

您可以为第一个元素添加自定义 CSS 类

{% for i in prosize %}
  <li {% if forloop.first %}class="red"{% endif %}>
      <a class="order" id="{{i.option1}}">{{i.option1}}</a>
  </li>
{% endfor %}

和CSS

.red {
  background: red;
}

Answer 3

{{ forloop.counter }} 

应该给你迭代的计数。如果是一个，你应该处理你的第一个元素。