问题:
 
<table cellspacing="0" rules="all" border="1" id="GridView1" style="border-collapse:collapse;"> 
<tr> 
<th scope="col">CustomerID</th><th scope="col">CompanyName</th> 
</tr>
<tr> 
<td>ALFKI</td><td>Alfreds Futterkiste</td> 
</tr>
                 </table><table cellspacing="0" rules="all" border="1" id="GridView2" style="border-collapse:collapse;"> 
<tr> 
<th scope="col">CustomerID</th><th scope="col">CompanyName</th> 
</tr>
<tr> 
<td>ALFKI</td><td>Alfreds Futterkiste</td> 
</tr>
                 </table>
现在有这个需求,现在想取gridview1的table的偶数行,背景是其他的颜色就好了就可以了!我写了这个但是不起作用?大家看看能不能想想办法!
  <script type="text/javascript">
        $(function () {
            $("tr:odd").addClass("odd");\\这个对所有table的都有作用,
            $("#GridView1 tr:odd").addClass("odd");\\这个我想对GridView1 起作用,但是不行!
        })
    </script>

解决方案 »

  1.   

    试试
    $("#GridView1").children("tr:odd").addClass("odd");
      

  2.   

    $("#GridView1 tr:odd td").addClass("odd");
      

  3.   

    <html>
    <head>
    <script type="text/javascript" src="/Script/jquery-1.4.2.js">
    </script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("#funfun").click(function()
    {
         alert("111");
        $("#GridView1 tr:odd").css("background","#99ffff");

    })
      
    });
    </script>
    </head>
    <body>
    <input type="button" id="funfun">
    <table cellspacing="0" rules="all" border="1" id="GridView1" style="border-collapse:collapse;">  
    <tr>  
    <th scope="col">CustomerID</th><th scope="col">CompanyName</th>  
    </tr>
    <tr>  
    <td>ALFKI</td><td>Alfreds Futterkiste</td>  </tr>
    <tr>  
    <td>ALFKI</td><td>Alfreds Futterkiste</td>  </tr>
      </table><table cellspacing="0" rules="all" border="1" id="GridView2" style="border-collapse:collapse;">  
    <tr>  
    <th scope="col">CustomerID</th><th scope="col">CompanyName</th>  
    </tr>
    <tr>  
    <td>ALFKI</td><td>Alfreds Futterkiste</td>  
    </tr>
    <tr>  
    <td>ALFKI</td><td>Alfreds Futterkiste</td>  
    </tr>
      </table>
    </body>
    </html>
      

  4.   

    好詭異,  $("#GridView1 tr:odd").addClass("odd"); 這個方式我昨天試過,但是沒有結果。今天試試卻可以用!
    當然$("#GridView1 tr:odd td").addClass("odd"); 這個方法可以
    $("#GridView1 tr:odd").css("background","#99ffff");這個方式也通過,
    $("#GridView1").children("tr:odd").addClass("odd");這個方式雖然不通過,但是也讓我明白有人在children,同樣十分感謝!
    給分!