JSTL标签<c:forEach 控制ul换行

前言:

在使用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>


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值