hide - Understanding jQuery

The :nth-child(2) will select the span element. Index 2, in this case is the literal 2nd child. Indexing,
in this case, does not begin with 0.
A Small Detail About Using :nth-child Selector
The jQuery’s implementation of nth-child selector is somewhat peculiar when dealing with
children of different types in the same parent. If we take the diagram from above as an example
and create a selector such as this one:
$(“body div div:nth-child(2)”)
It will not select anything at all. The second DIV child (whatever that may mean in this case?)
simply doesn’t exist. Because the second child is an element of type SPAN, not DIV. Logically,
you would think this selector would choose the DIV after the SPAN element. But that would
be wrong, because that DIV element can be rightfully selected as div:nth-child(3).
Had all of the elements been of type DIV, then this selector would actualy work.
You can see now that this selector prioritizes the notion of child, not what type that child is...
but that it is a child. It’s just how it works when different types of elements happen to be children
of the parent element. This is not a bug.
90