如何在Django模板的for循环中捕获指定元素？

我正在遍历不同分类并渲染其名称及关联页面，以下代码可正常渲染：

{% for category in categories %}
<div class="row">
    <div class="col-lg-4">
        <h3><a href="{{category.get_absolute_url}}"></a>{{category.category_name}}</h3>
        {% for page in category.page_set.all %}
        <p><a href="{{page.get_absolute_url}}">{{page.page_title}}</p>
        {% endfor %}
    </div>
</div>
{% endfor %}

我想捕获for循环中的第4个元素并对其自定义（仅为该元素添加额外HTML和文本），尝试用forloop.counter判断，但没有效果：

{% if forloop.counter == 4 %}
    <!-- modified content -->
{% endif %}

请问有没有可行的解决方法？

解决方法 #

• 确认forloop.counter的作用范围：必须把判断语句放在外层的category循环里，不能放到内层的page循环中。如果误放内层，它会判断每个分类下的第4个页面，而非第4个分类。正确写法如下：

{% for category in categories %}
    {% if forloop.counter == 4 %}
        <!-- 第4个分类的自定义渲染 -->
        <div class="row">
            <div class="col-lg-4">
                <h3><a href="{{category.get_absolute_url}}">{{category.category_name}}</a>【自定义分类】</h3>
                {% for page in category.page_set.all %}
                <p><a href="{{page.get_absolute_url}}">{{page.page_title}}</p>
                {% endfor %}
                <!-- 添加自定义文本或HTML -->
                <div class="custom-note">这是第4个分类的专属内容</div>
            </div>
        </div>
    {% else %}
        <!-- 普通分类的原有渲染逻辑 -->
        <div class="row">
            <div class="col-lg-4">
                <h3><a href="{{category.get_absolute_url}}"></a>{{category.category_name}}</h3>
                {% for page in category.page_set.all %}
                <p><a href="{{page.get_absolute_url}}">{{page.page_title}}</p>
                {% endfor %}
            </div>
        </div>
    {% endif %}
{% endfor %}

• 检查分类总数：如果categories查询集里的元素不足4个，判断条件永远不会触发。可以在模板里临时加{{ categories|length }}查看分类数量，确认是否存在第4个分类。
• 核对计数起始值：forloop.counter是从1开始计数的，如果你要的是索引从0开始的第4个元素（也就是实际第3个分类），得改成forloop.counter0 == 3，确认你的计数逻辑和需求匹配。

内容的提问来源于stack exchange，提问作者rolandist_scim