jQuery按类选择具有未知路径的子元素

Posted

技术标签:

【中文标题】jQuery按类选择具有未知路径的子元素【英文标题】:jQuery select child element by class with unknown path 【发布时间】:2013-08-03 17:11:54 【问题描述】:

我试图找出按类选择元素的第 n 个子元素的语法,但是我不知道元素的确切路径。我做不到$('parent > child > grandchild > hereIam');

所以基本上我需要能够说

$('#thisElement').AllRelativesWithClass('.classToSelect')

我该怎么做?

【问题讨论】:

【参考方案1】:

根据这个documentation,find 方法会向下搜索元素树,直到找到选择器参数中的元素。所以$(parentSelector).find(childSelector) 是最快、最有效的方法。

【讨论】:

【参考方案2】:

$('#thisElement').find('.classToSelect') 将找到 #thisElement 类为 classToSelect 的任何后代。

【讨论】:

我更喜欢这个答案,因为它显示了带有语法的虚拟选择器,与接受的选择器不同。【参考方案3】:

这应该可以解决问题:

$('#thisElement').find('.classToSelect')

【讨论】:

【参考方案4】:

试试这个

$('#thisElement .classToSelect').each(function(i)
         // do stuff
);

希望对你有帮助

【讨论】:

以上是关于jQuery按类选择具有未知路径的子元素的主要内容,如果未能解决你的问题,请参考以下文章

使用 jQuery 获取不是具有特定 CSS 类的容器的子元素的元素的后代

在jQuery中如何选择某DIV的子元素?

jQuery - 具有绝对位于其外部的子元素的动画元素 - 闪烁

Jquery如何选取元素及其所有子元素?

使用 jQuery,你如何选择 $(this) 的子元素?

jQuery 获取除子元素 X 之外的子元素的 HTML