使不可见的表行逐个可见

时间:2010-06-11 21:47:28

标签: jquery html

我有以下情况

我在表格中有几个表格行,例如

<tr><td>One</td></tr>
<tr><td>Two</td></tr>
<tr><td>Three</td></tr>
<tr><td>Four</td></tr>
<tr><td>Five</td></tr>

说所有这些都是看不见的

然后我有一个按钮让它们逐个可见,所以如果第1行是不可见的,我按下按钮然后第1行应该是可见的,如果我再次按下它会看到第1行已经可见然后它会使第2行可见,所以它继续,然后继续。

我如何在Jquery中执行此操作,以便jquery可以为我完成此任务。有可能吗?

1 个答案:

答案 0 :(得分:8)

很可能。

$('#button').click(function(){
    $('#table tr:hidden:first').show();
});

按钮的id为按钮和表格。

这只是使用:hidden过滤器选择器来查找未显示的行,然后选择:first

Working example at jsfiddle