Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery选择器需要选择父项的所有特定子项_Javascript_Jquery_Jquery Selectors_Dom Traversal - Fatal编程技术网

Javascript jquery选择器需要选择父项的所有特定子项

Javascript jquery选择器需要选择父项的所有特定子项,javascript,jquery,jquery-selectors,dom-traversal,Javascript,Jquery,Jquery Selectors,Dom Traversal,我有一个页面,上面有一些表格。在每个表中,第一行是正常的,但其余的行有一个隐藏的类,因此它们不会在加载时显示。在表格第一行的一个单元格中,有一个链接,可以单击以查看更多详细信息(在该表格的隐藏行中淡入淡出)。不过,我正努力让它发挥作用。因此,基本上我需要一个选择器,它将查找与单击的元素在同一个表中的所有隐藏行,以便它们可以淡入。我使用了: $(.hidden).fadeIn() 但是因为页面上有多个表,所以它在所有表中的所有隐藏行中淡出,所以我只需要特定表中的那些。我还使用了: $(this

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

$(.hidden).fadeIn() 
但是因为页面上有多个表,所以它在所有表中的所有隐藏行中淡出,所以我只需要特定表中的那些。我还使用了:

$(this).closest('tr').next(".hidden").fadeIn("slow") 
这是其中的一半,但它只会在表中的第一个隐藏行中消失,但如果有多个隐藏行,那么其余的仍然隐藏。任何帮助都将不胜感激。谢谢,是这样吗

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

查看更多详细信息
...
....
然后


$(文档).ready(函数(){
$(“.show”)。单击(函数(){
$(this).closest('table').find('tr.hidden').fadeIn(“slow”);
});
});
试试-

$(this).closest('tr').nextAll(".hidden").fadeIn("slow"); 
nextAll的详细文件-


如果没有看到html标记,很难回答
$(this).closest('tr').nextAll(".hidden").fadeIn("slow");