【问题标题】:jQuery selector needed to select all 'p' tags in a table rowjQuery 选择器需要选择表格行中的所有“p”标签
【发布时间】:2010-10-20 08:48:43
【问题描述】:

您好,我的页面中有一些表格。每个表的第一行是正常的,但是通过给 tr 标签一个隐藏类来隐藏其余的行。第一行有一个链接显示当前使用此选择器的更多信息(在隐藏行中淡出):

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

但是,在隐藏行中,有一些带有隐藏文本类的 p 标签,我想选择这些标签来做某事,但我似乎无法让选择器工作。 Iv 尝试执行以下操作:

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

虽然不能让它工作。任何帮助将不胜感激。

谢谢

【问题讨论】:

  • nextAll 仅获取与选择器匹配的所有后续兄弟。所以.nextAll('td > p.hidden') 的意思是:获取所有phidden 的兄弟姐妹,其父级为tr。但是tr 元素没有p 元素作为兄弟姐妹。

标签: jquery jquery-selectors


【解决方案1】:

试试这个:

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

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

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

【讨论】:

  • 就是这样!很有魅力,非常感谢你对我的帮助很大:-)
猜你喜欢
  • 1970-01-01
  • 2018-09-27
  • 1970-01-01
  • 1970-01-01
  • 2011-04-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-12-11
相关资源
最近更新 更多