使不可见的表行逐个可见

Question

我有以下情况

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

<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可以为我完成这个任务.可能吗？

Answer 1

很有可能.

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

按钮的id为按钮和表格.

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