jquery的选择器的一个问题！

jingshierr 2010-09-04 10:06:16

问题：

<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>

...全文

66 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

jingshierr 2010-09-05

打赏
举报

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

funfun5433 2010-09-04

打赏
举报





<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>