Question

我正在使用百里香foreach循环遍历我的数据。问题在于，由于它位于foreach循环中，因此所有div都具有相同的ID，即“ delDiv”。当我单击它时，它将始终显示第一个div。

  <div id="delDiv" sec:authorize="hasAuthority('ROLE_ADMIN')">
                                    <input type="hidden" id="resultId" th:value="${result.getId()}">
                                    <i class="fa fa-trash deleteBadge"></i>
                                </div>
                                <div class="timeDiv" style="" th:text="${result.getUpdatedAt()}"></div>

我希望foreach循环创建的每个新div的点击次数都不同。这就是我使用foreach百里香产生新行的方式

   <div class="row" th:each="result:${recog}"> My above code is inside this
</div

请帮助

Answer 1

您应该通过在div ID上添加 index 来唯一区分div，如下所示（为此只需使用Thymeleaf循环助手）：

<div class="row" th:each="result, iterHelper :${recog}">
 <div id="'delDiv__${iterHelper.index}__'" sec:authorize="hasAuthority('ROLE_ADMIN')">
  <input type="hidden" id="resultId" th:value="${result.getId()}"><i class="fa fa-trash deleteBadge"></i></div><div class="timeDiv" style="" th:text="${result.getUpdatedAt()}"></div>
</div

请关注this，以获取更多详细信息。尤其是第6.2节

Thymeleaf-如何在th：each循环内绑定div的click事件

1 个答案: