jQuery index() Method

Last Updated:

jQuery index() Method

The jQuery index() method searches for a given element from among the matched elements.

Example

HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery index() Method</h1> <ul> <li>Apple</li> <li>Banana</li> <li class="myFruit">Cheery</li> <li>Dragon fruit</li> </ul> <p>Click on the button to find the index of '.myFruit' class</p> <button>Click Me</button> <script> $(document).ready(function(){ $("button").click(function(){ alert($(".myFruit").index()); }); }); </script> </body> </html>

Syntax

$(selector).index(elem);

Parameter Values

Value Type Explanation
elem Optional Specifies the DOM element or first element within the jQuery object to look for.

Browser Support

Devicedesktopmobile
Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet
index()YesYesYesYesYesYesYesYesYesYesYesYesYes

Return Values

Value Explanation
integer Returns the position of the first element within the jQuery object.
Note: If the element is not found, index() will return -1.

Share this Page

Meet the Author