jQuery eq() Method

jQuery Traversal Methods

The eq() method returns the element with the specific index number of the selected elements.

The index always starts from 0, so the first number will have an index of 0 (not1).

Syntax:

$(selector).eq(index)

Example

Returns the third paragraph (index number2):

$("button").click(function(){
　　$("p").eq(2).css("background-color", "red");
});

Returns the second list item (index number1):

$("button").click(function(){
　　$("li").eq(1).css("background-color", "red");
});

Provide negative numbers to indicate positions starting from the end instead of the beginning:

$("button").click(function(){
　　$("li").eq(-2).css("background-color", "red");
});

By adding the appropriate class, the index of2the span's class name becomes blue:

$("button").click(function(){
　　$("body").find("span").eq(2).addClass("blue");
});

Parameter Value

jQuery Traversal Methods