前言:
在使用JSTL标签开发的时候经常会遇到ul和li控制,三个一行,两个一行,然后进行换行的问题。所以就有了此文。
注意:
varStatus 的初始取值是从1开始。跟普通的数组取值不同,要特别注意区分。
1.引入<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
2.后台传给前台list数据
3.前台进行遍历:
<c:forEach items="${proList}" var="product" varStatus="p">
<c:if test="${p.count eq 1 || (p.count-1) % 3 eq 0}">
<ul class="ydHdul">
</c:if>
<li>
<span class="l_01"><img src="${url}/${product.pFilePath}" alt="${product.pName}" /></span>
<div class="warpDbgcon">
<div class="ydMoney">
<span class="ydMspan ydMspan02">¥${product.pPrice}</span>
<span class="ydMspan redTxt">赠</span>
</div>
<div class="yhZpin oneDiv">
<p class="porTxt">${product.pName}</p>
<!-- <p class="yhZpin yhZpin2">LR月之谜奇迹霜1盒+月之谜四联版</p> -->
</div>
<a href="javascript:void(0);" class="ljgmBtns" οnclick="addCar('${product.pId}')">立即购买</a>
</div>
</li>
<c:if test="${p.count % 3 eq 0 || p.count % 3 eq 3}">
</ul>
</c:if>
</c:forEach>