jQuery选择需要选择父的所有某些儿童(jquery selector needed to sel

2019-09-30 10:47发布

我有一些关于它的表的页面。在每个表的第一行是正常的，但行的其余部分有一个类的隐藏起来，他们不负载显示。在该表的第一行上的一个细胞有点击查看更多详细资料（淡入该表的隐藏的行）的链接。我挣扎得到这个工作，虽然。所以基本上我需要一个选择器，会发现所有那些在同一个表作为被点击，使他们能够在我使用淡入的元素隐藏的行：

$(.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>

文章来源: jquery selector needed to select all certain children of parent