none
jquery遍历表格,为每一行增加背景色,请教! RRS feed

答案

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

     

     

    • 已标记为答案 m s 2011年4月26日 1:26
    2011年4月22日 7:29
  • 隔行加色的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>
    
    • 已标记为答案 m s 2011年4月26日 1:26
    2011年4月22日 7:37
  • 稍作更改代码更加简洁:

    //style

     .gray td {background-color:Gray;}

    //js

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

    • 已标记为答案 m s 2011年4月26日 1:26
    2011年4月22日 7:44

全部回复

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

     

     

    • 已标记为答案 m s 2011年4月26日 1:26
    2011年4月22日 7:29
  • 隔行加色的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>
    
    • 已标记为答案 m s 2011年4月26日 1:26
    2011年4月22日 7:37
  • 稍作更改代码更加简洁:

    //style

     .gray td {background-color:Gray;}

    //js

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

    • 已标记为答案 m s 2011年4月26日 1:26
    2011年4月22日 7:44