使用jquery隐藏tr和td

时间:2012-11-29 11:53:10

标签: jquery

我想要隐藏tr和一些td点击标签,我已经创建了一个不隐藏最后tr的功能,现在我想要隐藏1,2,3只有4并且我想要显示5,4a和4B。 Fiddle

<head>
<script type="text/javascript">
$(function(){
$('a').click(function(){
$('tr').not(':last').hide()
})
})
</script>
</head>
<body>
<table width="664" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>1</td>
</tr>
<tr>
<td>2</td>
</tr>
<tr>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4a</td>
<td>4b</td>
</tr>
<tr>
<td>5</td>
</tr>
</table>
<a href="#">hide</a>
</body>

1 个答案:

答案 0 :(得分:1)

$('tr').not(':last').find('td:first').hide()

http://jsfiddle.net/hvFRY/2/