jQuery选择器需要选择父级的所有某些子级

Question

我的页面上有一些表格。 在每个表中，第一行都是正常的，但其余各行都有一类隐藏的，因此在加载时不显示它们。 在表格第一行的一个单元格中，有一个单击链接以查看更多详细信息（淡入该表格的隐藏行）。 我正在努力使它工作。 因此，基本上我需要一个选择器，该选择器将查找与单击的元素在同一表中的所有隐藏行，以便可以淡入它们。我使用了：

$(.hidden).fadeIn() 

但是由于页面上有一个以上的表，所以它在所有表的所有隐藏行中消失了，我只想要特定表中的表。 我还用过：

$(this).closest('tr').next(".hidden").fadeIn("slow") 

它在表的一半处消失了，但只在该表的第一个隐藏行中消失，但如果有多个，则其余部分仍被隐藏。 任何帮助将非常感激。 谢谢

Answer 1

尝试-

$(this).closest('tr').nextAll(".hidden").fadeIn("slow"); 

nextAll的详细文档-

http://api.jquery.com/nextAll/

Answer 2

是这样吗？

<table>
<tr>
  <td><span class="show">View more details</span></td>
</tr>
<tr class="hidden">...</tr>
....
</table>

然后

    <script type="text/javascript">
        $(document).ready(function() {
          $(".show").click(function() {
              $(this).closest('table').find('tr.hidden').fadeIn("slow");
          });
        });
   </script>