thymeleaf 循环每次迭代两个以及多个

这篇博客介绍了如何使用Thymeleaf模板引擎进行数据迭代,并根据奇偶性和模运算展示不同内容。示例展示了每次迭代两个元素时通过奇偶变换显示1或2,以及每次迭代三个元素时通过模3运算显示1、2或3的方法。这种技巧在前端开发中用于动态生成布局和链接。
摘要由CSDN通过智能技术生成


每次迭代两个,通过奇偶变换

<th:block th:each="e, state : ${list}">
<div th:if="${state.even}">
  <a th:href="@{${e.url}}">1</a>
</div>
<div th:if="${state.odd}">
  <a th:href="@{${e.url}}">2</a>
</div>
</th:block>

每次迭代三个

<th:block th:each="e, state : ${list}">
<div th:if="${state.count} % 3 eq 0">
  <a th:href="@{${e.url}}">1</a>
</div>
<div th:if=${state.count} % 3 eq 1">
  <a th:href="@{${e.url}}">2</a>
</div>
<div th:if=${state.count} % 3 eq 2">
  <a th:href="@{${e.url}}">3</a>
</div>
</th:block>

每次迭代多个则以此类推,通过修改下方N即可

${state.count} % N eq 0

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值