jquery遍历表格,为每一行增加背景色，请教！

Question

jquery遍历表格,为每一行增加背景色，请教！

Answer 1

为每一行增都加背景色 ， 直接用css 给加最方便高效。

 

 

Answer 2

隔行加色的Demo

<style>
  .gray{ background-color:Gray;}
  </style>
  <table>
      <tr><td>11111</td></tr>
      <tr><td>22222</td></tr>
      <tr><td>33333</td></tr>
      <tr><td>44444</td></tr>
      <tr><td>55555</td></tr>
      <tr><td>55555</td></tr>
  </table>
  <script src="../../Scripts/jquery-1.4.4-vsdoc.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      //odd:单 , even: 双 
      $("table tr:even").each(function () {
        $(this).find("td").addClass("gray");
      });

    });
  </script>

Answer 3

稍作更改代码更加简洁：

//style

 .gray td {background-color:Gray;}

//js

 $("table tr:even").addClass("gray");