簡體   English   中英

python每第三次迭代添加一個新的div

[英]python add a new div every 3rd iteration

我有一個產品列表,將 3 個產品放在一行並清除該行並添加另外 3 個,這在任何地方都可以正常工作,但 IE6,我知道在每組 3 個產品周圍添加<div>將解決這是模板文件瞬間

{% for product in category.products.all %}
        <div class="{% cycle 'clear' '' '' %}">
            <a href="{% url shop.views.product category.slug product.slug %}"><img src="{{MEDIA_URL}}{{product.mini_thumbnail}}" alt="{{product.name}}" class="thumbnail"/></a>
            <div class="prod-details">
            <h3><a href="{% url shop.views.product category.slug product.slug %}">{{product.get_product_name}}</a></h3>
            <h4 class="strap">{{product.get_product_detail}}</h4>
            <p>{{ product.strap }}</p>
            <ul>
                <li class="price">&pound;{{product.price}}</li>
                <li class="quantity">
                    <select name="quantity_{{product.id}}">
                        <option label="1" value="1">1</option>
                        <option label="2" value="2">2</option>
                        <option label="3" value="3">3</option>
                        <option label="4" value="4">4</option>
                        <option label="5" value="5">5</option>
                        <option label="6" value="6">6</option>
                        <option label="7" value="7">7</option>
                        <option label="8" value="8">8</option>
                        <option label="9" value="9">9</option>
                    </select>
                </li>
                <li><a href="{% url shop.views.product category.slug product.slug %}">Details &gt;</a></li>
                <li class="right"><input type="submit" name="add_to_basket_{{product.id}}" value="Add to Basket &gt;"/></li>
            </ul>
            </div>
        </div>
    {% endfor %}

codeape 的解決方案僅在您使用 Django 主干的最新 SVN 結帳時才有效。 如果您使用的是 1.1 或更低版本,則不支持該語法。

相反,您可以使用divisibleby過濾器:

{% if forloop.counter|divisibleby:3 %}<div>{% endif %}

在循環內使用forloop.counter和模運算符:

{% for ... %}
    {% if forloop.counter|divisibleby:3 %}<div>{% endif %}
    ...
    {% if forloop.counter|divisibleby:3 %}</div>{% endif %}
{% endfor %}

請參閱http://docs.djangoproject.com/en/dev/ref/templates/builtins/#for

編輯:

修復了代碼示例。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM