jquery和css选择器

Question

<th>
<td>1</td>
<td>2</td>
<td>3</td>
</th>
<th>
<td>a</td>
<td>b</td>
<td>c</td>
</th>
<th>
<td>隐</td>
<td>藏</td>
<td>的</td>
</th>

内容不能修改，在head标签里使用css设置最后一个th里面的所有td为默认隐藏的(display:none)，用jquery写一个显示的方法，在body里添加一个button来调用显示的方法。
就是这样，我就是不知道怎么用选择器选择啊。。。

Answer 1

你是意思是用css来让他隐藏，在css2中是没办法选中的，除非单独给最后一个th加上一个class或id，用css3就可以选择最后一个th，但是考虑到css3有部分浏览器不兼容，所以建议直接使用jquery来让最后一个th下的td隐藏，在用一个按钮来显示：
$(function(){
$('th').eq(2).find('td').hide();

$('input').click(functon(){
$('th').eq(2).find('td').show();
})

})

追问

css3我知道怎么选择最后一个TH，但是最后3个TD怎么选啊？
为什么你这方法我试了没有反映啊

$('tr').eq(2)
怎么获取这个tr的长度？因为这个角标我不想用2，我想用例如tr.length-1来表示
已经回了。

Answer 2

jQuery的选择器就跟写css是一样的，hide();是隐藏，show();是显示

追问

写出方法啊，怎么选择最后一个th，怎么选择最后三个td

追答

$("th:last")//last是选择最后一个的意思
$("th:last").find("td")//find是选择最后一个th中的所有td