django-forloop案例

最新推荐文章于 2024-09-17 15:47:26 发布

原创最新推荐文章于 2024-09-17 15:47:26 发布 · 222 阅读

0 ·

CC 4.0 BY-SA版权

Django 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种在前端开发中遍历对象时区分第一个元素与其他元素的方法，通过使用itemactive和item类实现div标签的不同样式处理。

场景：当前端遍历对象的时候。根据要求，把第一个div标签和其余的标签区分开。item active 和 item

        {% for b in banner %}
            {% if forloop.first %}
            <div class="item active">
                <a href="{{ b.link_url }}" title="{{ b.text_info }}">
                    <img src="{% url 'index' %}media/{{ b.img }}"
                         srcset="{% url 'index' %}media/{{ b.img }}"
                         alt="{{ b.text_info }}"/>
{#                <div class="carousel-caption">{{ b.text_info }}</div>#}
                </a>
            </div>
             {% else %}
            <div class="item">
                <a href="{{ b.link_url }}" title="{{ b.text_info }}">
                    <img src="{% url 'index' %}media/{{ b.img }}"
                         srcset="{% url 'index' %}media/{{ b.img }}"
                         alt="{{ b.text_info }}"/>
{#                <div class="carousel-caption">{{ b.text_info }}</div>#}
                </a>
            </div>
            {% endif %}
        {% endfor %}