Javascript Thymeleaf循环内的引导面板-相同id和href

我试图在Thymeleaf循环中生成引导折叠面板，如下所示：

<table>
  <tr th:each="p, iterStat : ${completedList}">
    <td style="padding: 0 15px 0 15px;">
      <div class="panel panel-success">
        <div class="panel-heading">
          <h4 class="panel-title">
            <a data-toggle="collapse" data-parent="#accordion"
               href="#collapseOne" th:text="${p.key}">p.k</a>
            <span style="float: right;" class="glyphicon glyphicon-ok"></span>
          </h4>
        </div>
        <div th:id="collapseOne" class="panel-collapse collapse in">
          <div class="panel-body">
            <span th:text="${p.value}"></span>
          </div>
        </div>
      </div>
    </td>
  </tr>
</table>

但是我对循环的每个元素都有相同的

id

和

href

，因此面板无法工作

我是否可以动态更改

id

和

href

？

您可以使用状态变量（

iterStat

）为每一行创建唯一的id：

及

<div th:id="'collapse' + ${iterStat.index}" class="panel-collapse collapse in">