网站写了一个打卡的记录表,记录打卡内容的,现在想把打卡内容里面的温度一列,将37度以上的温度字体颜色变成红色,但是不知道怎么写
下面是我网站jsp页面的表格代码
<table>
<tr>
<td>Clock_IDtd>
<td>Nametd>
<td>Classtd>
<td>Timetd>
<td>Health Informationtd>
<td>Whether in danger areatd>
<td>Temperaturetd>
tr>
<%-- Here to show the searchResult --%>
<c:forEach items="${Clocks}" var="tryyy" begin="0">
<tr>
<td>${tryyy.id}td>
<td>${tryyy.name}td>
<td>${tryyy.user_class}td>
<td>${tryyy.ctime}td>
<td>${tryyy.healthy}td>
<td>${tryyy.location}td>
<td>${tryyy.temperature }td>
tr>
c:forEach>
table>
不是很明白用el表达式怎么写判断然后给字颜色变成红色
1、在表格中添加一个class属性,用于标识需要改变字体颜色的单元格。例如,可以给温度一列的单元格添加一个class属性,如下所示:
<td class="temperature">${tryyy.temperature}</td>
2、在CSS样式表中定义.class名,用于描述需要改变字体颜色的单元格的样式。例如,可以定义如下的CSS样式:
.temperature {
font-weight: bold;
}
.temperature.high {
color: red;
}
3、在表格中使用JSTL标签库中的<c:if>标签来判断当前温度是否大于等于37度。如果是,就添加.high类,例如:
<c:if test="${tryyy.temperature >= 37.0}">
<td class="temperature high">${tryyy.temperature}</td>
</c:if>
<c:if test="${tryyy.temperature < 37.0}">
<td class="temperature">${tryyy.temperature}</td>
</c:if>
<table>
<tr>
<td>Clock_ID</td>
<td>Name</td>
<td>Class</td>
<td>Time</td>
<td>Health Information</td>
<td>Whether in danger area</td>
<td>Temperature</td>
</tr>
<%-- Here to show the searchResult --%>
<c:forEach items="${Clocks}" var="tryyy" begin="0">
<tr>
<td>${tryyy.id}</td>
<td>${tryyy.name}</td>
<td>${tryyy.user_class}</td>
<td>${tryyy.ctime}</td>
<td>${tryyy.healthy}</td>
<td>${tryyy.location}</td>
<td style="${color: ${tryyy.temperature} > 37 ? 'red' : '#000'}">${tryyy.temperature }</td>
</tr>
</c:forEach>
</table>