Как вернуть элементы innerchild с помощью JavaScript?

Question

У меня есть следующий пример HTML:

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

Я использую следующий код, чтобы получить внутренний DIV:

$('#targetText'); 

Вместо этого, мне было интересно, если я мог бы упасть идентификатор внутреннего элемент и каким-то образом соответствовать ребенку # цели?

У меня есть сотни внутренних детей, поэтому нет смысла указывать идентификатор каждому из них. Я мог бы просто сделать что-то вроде $ («# target»). InnerChild (5); или что-то. Кто-нибудь знает хороший способ сделать это?

Answer 1

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

Answer 2

Как это:

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

// or 

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

Answer 3

#target div 

, если нет других див, что вы не хотите, чтобы соответствовать

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

будет соответствовать пятому DIV, который является дочерним цель. Но селектор имеет limited browser support.