如果一个PAGE里面有两个table,我想对第二个TABLE里的、大于第二行的、位于偶数索引位置的TR加样式,这个怎么写。
部分代码:<table width="160" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br/> <table width="160" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>然后,我的写法是:$("table:eq(1) > tr:gt(2):even").addClass("tr");结果,没有成功。单独获取table:eq(1)可以,单独获取tr:gt(2):even也行,只是,从第一个TABLE里的一个特定位置的TR开始加载样式。所以请教一下大家,应该怎么表达好
部分代码:<table width="160" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br/> <table width="160" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>然后,我的写法是:$("table:eq(1) > tr:gt(2):even").addClass("tr");结果,没有成功。单独获取table:eq(1)可以,单独获取tr:gt(2):even也行,只是,从第一个TABLE里的一个特定位置的TR开始加载样式。所以请教一下大家,应该怎么表达好
var list=document.getElementsByTagName("table")[1].getElementsByTagName("tr");
for(var i=0;i<list.length;i++)
{
if(i%2==0&&i!=0)
{
list[i].style.cssText="background:green";
}
}
</script>
.ttt{
background:red;
}
</style>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.4.min.js"></script>
<table width="160" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<br/><table width="161" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table><script>$("table:eq(1) tr:gt(1):even").addClass("ttt");
</script>
$("table:eq(1) tr:gt(2):even").addClass("ClassName");这样写应该可以吧
是的,这么写是正确了。但是,那个符号的意义,我不是很理解 parent element > element 表示匹配根元素下指定的所有子元素吧,是这么理解吧,所以我一开始用大于号,怎么都出不来想要的结果
<table width="161" border="1">
<tr>
<td>1</td>
<td> </td>
</tr>
<tr>
<td>2</td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td> </td>
</tr>
<tr>
<td>4</td>
<td> </td>
</tr>
<tr>
<td>5</td>
<td> </td>
</tr>
<tr>
<td>6</td>
<td> </td>
</tr>
</table>
<script>
alert($("table > tbody >tr").html());
</script>