jquery - 使不可见的表格行一一可见

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 一个。

Working example at jsfiddle