问题:
<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>
<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>
$("#GridView1").children("tr:odd").addClass("odd");
<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>
當然$("#GridView1 tr:odd td").addClass("odd"); 這個方法可以
$("#GridView1 tr:odd").css("background","#99ffff");這個方式也通過,
$("#GridView1").children("tr:odd").addClass("odd");這個方式雖然不通過,但是也讓我明白有人在children,同樣十分感謝!
給分!