jQuery Tutorial Tutorials - jQuery :eq() selector

The :eq() selector get the n-th element within the matched set.

jQuery :eq() selector syntax

$(':eq(index)')

index is the index of the element based on 0.
If index is a negative number, it count backwards from the last element.

jQuery :eq() selector Examples

Below example illustrates the jQuery :eq selector.

<ul id="navList">
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    <li>item4</li>
</ul>
<script>
    console.log($('li:eq(0)').html());  // item1
    console.log($('li:eq(1)').html());  // item2
    console.log($('li:eq(-1)').html()); // item4
    console.log($('li:eq(-2)').html()); // item3
</script>

Try now