选择器tr获取奇数偶数行

Posted 2021-06-27 花伤情犹在

jQuery：

<script type="text/javascript">
$("table tr:even").css("background-color","green");
$("table tr:odd").css("background-color","red");
</script>

JavaScript：

<script type="text/javascript">
window.onload=function(){
  var oLis=document.getElementsByTagName("li");
  for(var index=0;index<oLis.length;index++){
    if(index%2==0){
          oLis[index].style.backgroundColor="green";
    }
  }
}
</script>

JSTL：

<c:forEach items="${pageScope.petBeanList}" var="pet" varStatus="status">
            <%--判断行号-(偶数行)--%>
            <c:if test="${status.count %2 == 0}" var="even">
                <tr style="background-color: aqua">
            </c:if>
            <%--判断行号-(奇数行)--%>
            <c:if test="${!even}" var="odd">
                <tr>
            </c:if>
            <td></td>
           </tr>
</c:forEach>