jquery - 如何为迭代动态表中的备用行设置背景色

我在JSP中有一个动态表，如下所示：

 <TABLE id="tableCount">
      <TR>
        <TH>Count</TH>
        <TH>Part</TH>
        <TH>device</TH>
      </TR>


 <c:forEach var="i" begin="0" end="${data1.getCount().size() - 1}">
       <TR>
               <TD>
                    ${data1.getCount().get(i)}
               </TD>
               <TD>
                    ${data1.getPart().get(i)}
               </TD>
               <TD>
                    ${data1.getDevice().get(i)}
               </TD>
     </TR>
</c:forEach>
 </TABLE>

我想将替代rows作为不同的background-color，但是我不确定如何使用迭代动态表来实现。

我尝试使用CSS做到这一点，尽管如下：

#tableCount tr.alt td{
    color:#000000;
    background-color:#880000;
}

但是无法得到我想要的。在这方面的任何帮助都将非常有用。我们是否需要使用JQuery或任何脚本语言来实现此目标？请提出建议。

最佳答案

您可以使用CSS做到这一点。使用:nth-of-type(2n+2)定位每隔一行

#tableCount tr td:nth-of-type(2n+2){
   //styles here
}

您也可以执行:nth-of-type(even)

JSFIDDLE

更新

好吧，如果您要定位行而不是列，只需将其添加到tr而不是td

NEW FIDDLE