如何在隐藏表格后显示表格行

Question

我有一个大表，允许用户根据许多复杂的规则隐藏行。 我还有一个'重置'按钮，可以再次显示所有行，但运行速度非常慢：

$('#myTable tbody tr').show('fast');

问：有没有一种快速的方法来显示以前用hide方法隐藏的表格行？

也许我应该添加class =“hide”和removeClass。

Answer 1

您只想显示隐藏的内容，而不是整个内容，如果tr是tbody的直接子项使用子选择器的速度更快，那么试试这个：

$('#myTable tbody > tr:hidden').show('fast');

如果在尝试之后，它对您来说仍然很慢，您可以尝试使用viewport plugin仅动画显示在屏幕中的那些，如下所示：

$('#myTable tbody > tr:hidden').filter(":in-viewport").show('fast', function() {
   $('#myTable tbody > tr:hidden').show();//show rest tr's that are out of viewport
});

<强>更新
已更新以添加直接子选择器。