2009-11-17 82 views
0

我有以下的HTML示例:如何使用JavaScript返回元素innerchild?

<div id="target"> 
<div id="targetText"></div> 
</div> 

我用下面的代碼來獲得內格:

$('#targetText'); 

相反,我在想,如果我能降內的ID元素,並以某種方式匹配#目標的孩子?

我喜歡數百個內心的孩子,所以,將id放在每個孩子身上都沒有意義。我可以做一些像$(「#target」)。innerChild(5);或者其他的東西。有沒有人知道這樣做的好方法?

+1

你能告訴我們你使用的是什麼javascript框架嗎? – 2009-11-17 13:51:17

+0

@ gabriel1836 - +1,這是我討厭$函數的原因之一。 – Quentin 2009-11-17 13:53:16

+0

哦,對不起。我正在使用jQuery。 – Tower 2009-11-17 14:41:20

回答

3
$("#target > div:eq(0)") //matches the first div child of #target 
$("#target > div:eq(4)") //matches the fifth div child of #target 
+0

完美的作品。小心解釋語法?這是記錄在哪裏(這是jQuery或ECMAScript)? – Tower 2009-11-17 14:46:42

+0

@Kaitsuli'''只選擇'#target'元素的直接子元素,'div'限制這些子元素只選擇div。最後,它使用':eq(0)'從結果集中選擇第一項(從零開始的索引)。 – 2009-11-17 14:53:31

+0

@Kaitsuli:Q#1語法已經由dcneiner解釋。 問題2這是jQuery,並在http://docs.jquery.com/Selectors部分的jQuery文檔中進行了記錄 – jitter 2009-11-17 15:18:44

1

像這樣:

$('#target > :eq(5)') 

// or 

$('#target').children().eq(5) 
0
#target div 

除非有你不想匹配

#target div:nth-of-type(5) 

將匹配五的div是一個孩子的div其他目標。但選擇器有limited browser support