Thymeleaf-Как связать событие click на div внутри th: каждый цикл

Question

Я использую тимелистный цикл foreach для обхода моих данных.Проблема в том, что, поскольку он находится в цикле foreach, все div имеют одинаковый идентификатор, который является "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>

Я хочу иметь разные клики для каждого нового div, созданного циклом foreach.Вот как я генерирую новую строку, используя foreach thymeleaf

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

Пожалуйста, помогите

Answer 1

Вы должны однозначно различать ваши div, добавляя index к id 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

Пожалуйста, следуйте этому для получения более подробной информации. Особенно раздел 6.2