JavaScript innerchild?

Question

I have the following example HTML:

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

and I'm using the following code to get the inner div:

$('#targetText');

instead, I was wondering if I could drop the id of the inner element, and somehow match the #target's child?

I have like hundreds of inner children, so, it does not make sense to put an id to each of them. I could just do something like $("#target").innerChild(5); or something. Does anyone know a good way of doing this?

Answer 1

Like this:

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

// or

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

Answer 2

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

Answer 3

#target div

unless there are other divs that you don't want to match

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

will match the fifth div that is a child of target. But the selector has limited browser support.