未知級別下的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(); 

第一選擇所有h3的下div.class1深度，然後採取第二個。

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') 
})