Jsp 在tr中交替应用类

我想在jsp页面中交替地将css应用于thr。下面是我的代码

<c:forEach var="aff" items="${report}">
        <tr class="**tital_black_second**">
    <input type="hidden" id="org_id" value="${aff.org_id}">
      <td width="74" class="td_text">&nbsp;</td>
      <td width="173" class="heading3 td_text">${aff.string}</td>
      <td width="168" class="td_text text3">${aff.posted}</td>
      <td width="134" class="td_text text3">${aff._sold}</td>
      <td width="118" class="td_text text3">${aff.of_commision}</td>
      <td width="126" class="td_text text3">${affl}</td>
      <td width="115" class="td_text text3"></td>
      <td width="129" class="td_text text3">&nbsp;</td>
</tr>
</c:forEach>

${aff.string}
${aff.posted}
${aff.\u已售出}
${委员会办公楼}
${affl}

对于每个tr，我希望交替应用类，即当绘制一个tr时，我希望class=“tital_black_second”，当绘制第二个tr时，我希望class=“tital_black_second”

我怎样才能做到这一点

提前谢谢。

看一看。将类手动添加到每行是不必要的开销

.yourtable-class tr:nth-child(even) { 
   // styles for your even rows
}

.yourtable-class tr:nth-child(odd) { 
   // styles for your odd rows
}

---

您可以在CSS或jQuery中执行此操作，而不是在jstl中执行

CSS3有一个

：nth child（arg）

伪类，它允许我们控制备用行的显示。但这仅在现代浏览器中受支持，因此跨浏览器兼容性可能是一个问题

tr:nth-child(odd)    { background-color:#ffffff; }
tr:nth-child(even)    { background-color:#000000; }

或者在jQuery中：

$("tr:odd").css("background-color", "#ffffff");
$("tr:even").addClass("evenRowClass");

---

您可以使用此处发布的解决方案：

对于您的代码，它将是：

<c:forEach items="${report}" var="aff" varStatus="loopStatus">
  <tr class="${loopStatus.index % 2 == 0 ? 'tital_black_second' : 'tital_black_first'}">
    <input type="hidden" id="org_id" value="${aff.org_id}">
      <td width="74" class="td_text">&nbsp;</td>
      <td width="173" class="heading3 td_text">${aff.string}</td>
      <td width="168" class="td_text text3">${aff.posted}</td>
      <td width="134" class="td_text text3">${aff._sold}</td>
      <td width="118" class="td_text text3">${aff.of_commision}</td>
      <td width="126" class="td_text text3">${affl}</td>
      <td width="115" class="td_text text3"></td>
      <td width="129" class="td_text text3">&nbsp;</td>
</tr>
</c:forEach>

${aff.string}
${aff.posted}
${aff.\u已售出}
${委员会办公楼}
${affl}

取一个计数器，继续添加，然后检查值，如果奇数应用X类，如果偶数应用Y类，但任何示例代码都会帮助我。