如何在div的ID中传递JavaScript变量（进入树枝循环）？

Question

如何在div的ID中传递JavaScript变量（进入树枝循环）？

这是我尝试过的，但没有成功：

<script type="text/javascript">
     id = 0;
</script>
{% for element in parent.elements %}
     <div id="mydiv">
         <script>
         document.getElementById('mydiv').id('mydiv'+id);
         id++;
         </script>
    </div>
{% endfor %}

所需结果（如果包含3个元素）：

<div id="mydiv0">
</div>
<div id="mydiv1">
</div>
<div id="mydiv2">
</div>

Answer 1

当php试图创建一个html页面，然后将其发送到客户端时，该分支代码将在服务器中执行。 然后，客户端（浏览器）执行javascript。 因此，当javascript运行时，您已经创建了三个div，它们的ID为“ mydiv”。 由于HTML不能有多个具有相同ID的元素，因此该HTML无效。

您想要的是可以访问树枝中的索引进行循环。 您可以将其与loop.index变量一起使用。

{% for element in parent.elements %}
    <div id="mydiv{{loop.index}}">         
    </div>
{% endfor %} 

如果您的ID以'mydiv0'开头很重要，则也可以使用loop.index0 。