jquery - 未知级别的jQuery Selector nth-child（n）？

Question

对于<h3>World!</h3>此示例场景中的第二个（请注意<..>元素是所有级别的未知元素）：

<div></div>
<div class="class1">
    <..>
        <h3>Hello!</h3>
        <..>
            <h3>World!</h3>
        </..>
    </..>
</div>

假设我们只知道：

• Top Parent <div class="class1">和Target Child Elements <h3>
• 中层是unknowns。可以是<p>或<div>什么<ul>的。

所以我想使用nth-child(n)选择器。但我不能这样使用：

$("div.class1 h3:nth-child(2)").html();

现在我意识到nth-child(n)选择器只能选择Direct Child父元素的，仪式？

nth-child(n)我可以使用选择器使其工作吗？

Answer 1

$("div.class1 h3:eq(1)").html();

首先选择 allh3的 under div.class1depth，然后再选择第二个。

Answer 2

我认为您正在寻找.eq()。

$('h3').eq(1).html();

在此示例中，jQuery 返回一个h3元素数组，并且您正在选择数组中的第二项。

Answer 3

$("div.class1 h3")将为您提供两个 h3 的数组。所以你可以$("div.class1 h3")[1]用来获取第二个匹配元素。

Answer 4

查找包含 h3 的类中的所有元素，隔离每个元素的最后一个

DEMO：（嵌套版） http://jsfiddle.net/3daHU/1/

$("div.class1 *:has(h3)").each(function(){   
    $(this).children('h3:last').css('color','red')
})