web表格指定元素标红

Question

网站写了一个打卡的记录表，记录打卡内容的，现在想把打卡内容里面的温度一列，将37度以上的温度字体颜色变成红色，但是不知道怎么写

下面是我网站jsp页面的表格代码

  <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>${tryyy.temperature }</td>
        </tr>
      </c:forEach>

  </table>

不是很明白用el表达式怎么写判断然后给字颜色变成红色

Answer 1

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>