Python每三次迭代添加一个新div
我有一个产品列表,每行放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">£{{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 ></a></li>
<li class="right"><input type="submit" name="add_to_basket_{{product.id}}" value="Add to Basket >"/></li>
</ul>
</div>
</div>
{% endfor %}
2 个回答
11
在循环里面使用 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
编辑:
修正了代码示例。
40
codeape的解决方案只有在你使用最新的Django主干版本的SVN检出时才有效。如果你使用的是1.1版本或更早的版本,那种写法是不被支持的。
相反,你可以使用divisibleby
这个过滤器:
{% if forloop.counter|divisibleby:3 %}<div>{% endif %}