python - 使用 Django 的每个模型的唯一 HTML 元素 ID

Question

我使用复选框输入在页面上显示了 django 模型，上面有一个标签，如下所示:

{% if recipes_list %}
<table>
{% for r in recipes_list %}
<tr>
  <td>
    <section class="ac-container">
      <div>
        <input id="ac-1" type="checkbox" />
        <label for="ac-1">{{r.name}}</label>
        <article class="ac-small">
        <ul>
        {% for i in r.ingredient_list%}
          <li>{{i.part}}, {{i.amount}}</li>
        {% endfor %}
        </ul>
        </article>
      </div>
    </section>
 </td>
</tr>
{% endfor %}
</table>

当我点击recipes_list 中每个条目的标签时，它显然总是打开第一篇文章。在过去的几天里，我一直在寻找解决方案，了解如何在 html 中为每个模型条目提供唯一的 id，但我找不到适合这种情况的任何方法。我试过表单、模型表单、各种 javascript 和 php。我该怎么做？

Answer 1

您可以使用 forloop.counter实现这一目标:

{% if recipes_list %}
<table>
{% for r in recipes_list %}
<tr>
  <td>
    <section class="ac-container">
      <div>
        <input id="ac-{{forloop.counter}}" type="checkbox" />
        <label for="ac-{{forloop.counter}}">{{r.name}}</label>
        <article id="article-{{forloop.counter}}" class="ac-small">
        <ul>
        {% for i in r.ingredient_list%}
          <li>{{i.part}}, {{i.amount}}</li>
        {% endfor %}
        </ul>
        </article>
      </div>
    </section>
 </td>
</tr>
{% endfor %}
</table>

希望这对您有所帮助!