Question

我正在尝试用div包装列表，这是我的Thymeleaf结构：

<th:block th:if="${predStatus.namePrem}">
    <div class="Holder">
            <ul id="holder" class="price-table__info">
                <li>
                    <p class="exam1" th:text="#{exam2}"></p>
                </li>
            </ul>
</th:block>
        <ul id="holder" class="price-table__info">
            <li>
                <p th:unless="${predStatus.kom}" class="top" th:text="#{usp}"></p>
                <p th:if="${predStatus.kom}" class="top" th:text="#{usp1}"></p>
            </li>
        </ul>
</div>

我想要实现的是这种结构

<div class="Holder">
   <ul id="holder" class="price-table__info">
      <li>
        <p class="top">Title 1</p>      
      </li>
   </ul>
  <ul id="holder" class="price-table__info">
     <li>
        <p class="top">Title 2</p>
     </li>  
  </ul>
</div>

有人可以帮助我吗？

Answer 1

您可以尝试以下方法吗？只需将条件放在div

<div class="Holder" th:if="${predStatus.namePrem}">
            <ul id="holder" class="price-table__info">
                <li>
                    <p class="exam1" th:text="#{exam2}"></p>
                </li>
            </ul>

        <ul id="holder" class="price-table__info">
            <li>
                <p th:unless="${predStatus.kom}" class="top" th:text="#{usp}"></p>
                <p th:if="${predStatus.kom}" class="top" th:text="#{usp1}"></p>
            </li>
        </ul>
</div>

Div裹在Thymeleaf中

1 个答案: