2010-10-20 83 views
1

嗨我的页面中有一些表格。每个表的第一行是正常的,但其余的行通过给tr标签隐藏一类来隐藏。还有就是第一行显示更多的信息(淡入隐藏的行),其中目前使用这个选择的链接:jQuery选择器需要选择表格行中的所有'p'标签

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

但隐藏的行还有一类hiddentext的,我会有些p标签内喜欢选择为了做某事,但我似乎无法得到一个选择器工作,这样做。 Iv试着做这样的事情:

$(this).closest('tr').nextAll("tr.hidden > p.hiddentext") 
$(this).closest('tr').nextAll(".hidden").nextAll('td > p.hidden') 

虽然不能得到它的工作。任何帮助将非常感激。

感谢

+0

'nextAll'只得到选择相匹配的所有兄弟姐妹之后。因此'.nextAll('td> p.hidden')'意味着:*获得所有具有'tr'作为父母*的隐藏类'p'兄弟。但是'tr'元素没有'p'元素作为兄弟姐妹。 – 2010-10-20 08:56:11

回答

4

试试这个:

$(this).closest('tr').nextAll(".hidden").find('p.hiddentext'); 

这将选择所有p.hiddentext隐藏的行内。你甚至可以链p的的fadeIn()并选择一个命令:

$(this).closest('tr').nextAll(".hidden").fadeIn().find('p.hiddentext').doSomething(); 
+0

这是它!工作了一个魅力非常感谢你对我的帮助很大:-) – geoffs3310 2010-10-20 08:58:07

+0

@ user449568,不要忘记标记答案如果你发现它有用的话就被接受。 – 2010-10-20 09:05:21