1、list展示,通常展示为隔行变色,<tr>标签表示html中的一行
设置背景,在tr标签中 style="background:${status.count%2==0?'gray':'white' }"
status.count 实现遍历的次数
<tbody>
<c:forEach items="${list }" var="info" varStatus="status">
<tr style="background:${status.count%2==0?'gray':'white'}">
<td>${info.bookCode }</td>
<td>${info.bookType }</td>
<td>${info.bookName }</td>
<td>${info.createdBy }</td>
<td>${info.publishPress }</td>
<td colspan="2">
<c:if test="${info.isBorrow == 0}">
<a href="" >申请借阅</a>
</c:if>
<c:if test="${info.isBorrow == 1}">
<a style="1px soild red">已借阅</a>
</c:if>
</td>
</tr>
</c:forEach>
</tbody>
2、通过jQuery 实现每一行都变色(特殊情况某一行不执行,可以单独选择出这一行)
$(function() {
$("tr:even").css("background", "blue");
$("tr:odd").css("background", "green");
$("tr:last").css("background","null");
});
效果图: