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

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

解决方案 »

  1.   

     $("table tr").css("background","blue");
      

  2.   

    设置相同的用楼上的就可以，但是有个小问题。。
    我觉得用$("#tableid tr")来选取是不是更好呢
    设置不同颜色的这么做
    var row = $("#tableid tr");
    for(var i = 0 ; i < row.length;i++){
        if(i%2 == 0){
    row[i].setAttribute("bgcolor","#eeeeee");
        }else{
    row[i].setAttribute("bgcolor","#e5e5e5");
        }
    }
      

  3.   


    <html>
      <head>
        <title>表格变色</title>
        <style type="text/css">
            .odd{background:#ffffee;}
            .even{background:#fff38f;}
            .first{background:red;}
            .last{background:blue;}
            .mouseOver{background:green;}
        </style>
       <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
       <script type="text/javascript">
               $(function(){
                   $("tr:odd").addClass("odd");        //加奇行样式
                   $("tr:even").addClass("even");        //加偶行样式
                   $("tr:first").addClass("first");    //为第一行加样式
                   $("tr:last").addClass("last");        //为最后行加样式
                   //为行元素加上鼠标移入和移出事件
                   $("tr").mouseover(function() {
                    $(this).addClass("mouseOver")    //加上样式
                }).mouseout(function() {
                    $(this).removeClass("mouseOver")//去掉样式
                });
               })
       </script>
      </head>
      <body>
          <table border="1">
              <tr><td>姓名</td><td>年龄</td></tr>
              <tr><td>王华</td><td>18</td></tr>
              <tr><td>刘云</td><td>19</td></tr>
              <tr><td>刘亮</td><td>15</td></tr>
              <tr><td>叶子</td><td>17</td></tr>
              <tr><td>刘梦</td><td>20</td></tr>
          </table>
      </body>
    </html>
      

  4.   

    $("#tableid tr:odd").setAttribute("bgcolor","#eeeeee");
    $("#tableid tr:even").setAttribute("bgcolor","#eeeeee");