Ruby on rails 更改每个do循环上的div id

Im使用引导折叠项，并将代码设置为：

<% @tasks.each do |task| %>
  <div class="panel-group">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" href="#collapse1"><%= task.title %><p style="text-align:right;"><span class="glyphicon glyphicon-chevron-down"></span></p></a>
          <p class="taskdescription"><%= task.description %></p>
        </h4>
      </div>
      <div id="collapse1" class="panel-collapse collapse">
        <ul class="list-group">
          <% task.subtasks.each do |subtask| %>
            <li class="list-group-item"><%= subtask.title %></li>
          <% end %>
        </ul>
      </div>
    </div>
  </div>
<% end %>

输出正确的列表，但对于每个项目，我需要增加div的值：

<div id="collapse1" class="panel-collapse collapse">

到

然后

依此类推，直到集合中的每个项目都显示出来

---

谢谢

使用

每个带有索引do的元素，索引do…

这是因为您可以访问元素索引，并且可以将其用作任何rails变量

使用

每个带有索引do的元素，索引do….

这是因为您可以访问元素索引，并且可以将其用作任何rails变量

您可以循环使用

每个。使用索引（1）

并使用计数器变量

i

在生成的html上动态附加计数器

<% @tasks.each.with_index(1) do |task, i| %>
  <div class="panel-group">
    <div class="panel panel-default">
      ...
      <div id="collapse#{i}" class="panel-collapse collapse">
        ...
      </div>
    </div>
  </div>
<% end %>

...
...

您可以循环使用

每个。使用索引（1）

并使用计数器变量

i

在生成的html上动态附加计数器

<% @tasks.each.with_index(1) do |task, i| %>
  <div class="panel-group">
    <div class="panel panel-default">
      ...
      <div id="collapse#{i}" class="panel-collapse collapse">
        ...
      </div>
    </div>
  </div>
<% end %>

...
...

<% @tasks.each.with_index(1) do |task, i| %>
  <div class="panel-group">
    <div class="panel panel-default">
      ...
      <div id="collapse#{i}" class="panel-collapse collapse">
        ...
      </div>
    </div>
  </div>
<% end %>