Selecting by Position

Elements can be selected by their relation to other elements (child/parent relationships), or by hierarchical position in a document.

The following table lists the position selector by using li as an example.

Selector	Meaning
li:even	returns the even numbered members of the matched set.
li:odd	returns the even numbered members of the matched set.
li:first	returns the first element of the matched set.
li:last	returns the last element of the matched set.
li:eq(3)	returns the 4th element in the matched set.
li:gt(2)	returns all elements of index greater than 2 in the matched set.
li:lt(3)	returns all elements of index less than 3 in the matched set.

All position selectors start their count at zero.

 
<ol id="fowl"> 
    <li>A</li> <!-- 0 --> 
    <li>B</li> <!-- 1 --> 
    <li>C</li> <!-- 2 --> 
    <li>D</li> <!-- 3 --> 
    <li>E</li> <!-- 4 --> 
</ol>


$("li:even") // returns A, C, and E 
$("li:odd") // returns B and D 
$("li:first") // returns A 
$("li:last") // returns E 
$("li:eq(3)") // returns D 
$("li:gt(2)") // returns D and E 
$("li:lt(3)") // returns C, B, A.

Home
JavaScript Book
jQuery

Selector: