当且仅当模型属性标识与另一个模型属性标识匹配时，添加<tr>标记

Question

我正在使用Thymeleaf，并尝试在if和仅当model属性的id与另一个model属性的另一个id匹配的情况下添加一个。

<tbody>
    <tr th:each="tempBettingArea : ${bettingAreas}">
        <td>
            <div class="card">
                <div class="card-header" id="headingTwo">
                    <h5 class="mb-0">
                        <button class="btn btn-link" type="button"
                                    data-toggle="collapse"
                            th:attr="data-target=${'#accordian_' + tempBettingArea.id}, aria-controls=${'accordian_' + tempBettingArea.id}"
                            aria-expanded="true"
                            th:text="${tempBettingArea.areaName}"></button>

                                <a
                                   th:href="@{/bettingAreas/delete(bettingAreaId=${tempBettingArea.id})}"
                                    class="btn btn-danger btn-sm" style="float: right;"
                                    onclick="if (!(confirm('Are you sure you want to delete?'))) return false">
                                    <i class="material-icons">&#xE872;</i>
                                </a>

                    </h5>
                </div>

                <div th:attr="id=${'accordian_' + tempBettingArea.id}"
                    class="collapse" aria-labelledby="headingOne"
                    data-parent="#accordionExample">

                    <div class="card-body">

                        <table class="table table-bordered" id="machineTable"
                                width="100%" cellspacing="0">

                            <tbody>

                                <tr th:each="tempMachine : ${machines}">
                                   <td th:text="${tempMachine.id}" />
                                   <td th:text="${tempMachine.lsnNumber}" />
                                   <td th:text="${tempMachine.bettingArea}" />
                                   <td th:text="${tempMachine.serialNumber}" />

                                </tr>

                            </tbody>

                        </table>

                    </div>
                </div>

            </div>
        </td>
    </tr>

</tbody>

基本上，我需要做的是，如果$ {tempMachine.id}与父$ {bettingArea.id}相匹配，则仅显示tempMachine数据。否则，请勿显示。可以使用JavaScript来实现，还是应该在后台使用Spring来处理并将数据传递给视图？

谢谢。