如何在django python模板中迭代for循环

如何在django python模板中迭代for循环,python,django,templates,Python,Django,Templates,我目前正在创建一个模板,我想迭代一个列表,但这将是棘手的,因为我想每行只显示5个项目,然后下一个项目将转到下一行。我想在每5个项目之间显示一个图像 这是我的清单: myList = [{'id':1, 'image':'image1.jpg'}, {'id':2, 'image':'image2.jpg'}, {'id':3, 'image':'image3.jpg'}, {'id':4, 'image':'image4.jpg'}, {'id':5, 'image':'image5.j

我目前正在创建一个模板,我想迭代一个列表,但这将是棘手的,因为我想每行只显示5个项目,然后下一个项目将转到下一行。我想在每5个项目之间显示一个图像

这是我的清单:

    myList = [{'id':1, 'image':'image1.jpg'},
{'id':2, 'image':'image2.jpg'},
{'id':3, 'image':'image3.jpg'},
{'id':4, 'image':'image4.jpg'},
{'id':5, 'image':'image5.jpg'},
{'id':6, 'image':'image6.jpg'},
{'id':7, 'image':'image7.jpg'},
{'id':8, 'image':'image8.jpg'},
{'id':9, 'image':'image9.jpg'},
{'id':10, 'image':'image10.jpg'},
{'id':11, 'image':'image11.jpg'},]
这是我的模板

myList.html

{% for a in myList %}

<a href="{{a.image}}">{{a.id}}</a>
{% if forloop.counter == 5%}
 <img src="{{a.image}}">
{% endif %}

{% endfor %}
{%用于myList%}
{%if-forloop.counter==5%}
{%endif%}
{%endfor%}
这些图像是每个项目的链接

这就是我想看到的

1 2 3 4 5
<image>
6 7 8 9 10
<image>
11
12345
6 7 8 9 10
11
如果单击每个项目,图像将显示在下一行中

这是一张关于它如何工作的示例图像

  • 如果单击数字1,则图像1将显示在绿色框中 2号到5号也是这样
  • 如果单击数字9,图像9将显示在绿色框中, 数字6到数字的方式相同 十,
您需要使用过滤器

你需要使用过滤器


您可以这样使用
divisibleby
: {myList%中的a的%s}

<a href="{{a.image}}">{{a.id}}</a>
{% if forloop.counter0|divisibleby:5 %}
 <img src="{{a.image}}">
{% endif %}

{% endfor %}

{%if-forloop.counter0 | divisibleby:5%}
{%endif%}
{%endfor%}

到文档。

您可以这样使用
divisibleby
: {myList%中的a的%s}

<a href="{{a.image}}">{{a.id}}</a>
{% if forloop.counter0|divisibleby:5 %}
 <img src="{{a.image}}">
{% endif %}

{% endfor %}

{%if-forloop.counter0 | divisibleby:5%}
{%endif%}
{%endfor%}

参考文档。

我已经尝试过了,但是它给出了相同的结果。我只能点击每5个项目的链接。但我无法显示第1到第4项的图像:(我已经尝试过了,但是它给了我同样的结果。我只能点击每5个项目的链接。但是我不能显示第1到第4个项目的图像。)(谢谢你,但我仍然无法让它对我期望看到的内容起作用。我非常感谢你的帮助,点击逻辑是另一个问题,你还没有说明到目前为止你已经尝试了什么。谢谢你,但我仍然无法让它对我期望看到的内容起作用。我非常感谢你的帮助,点击逻辑是另一个需要回答的问题你还没有说你已经试过了。