How to use index in jquery

This article mainly explains "how to use index in jquery". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn how to use index in jquery.

In jquery, the index () method is used to return the index position of the specified element relative to other specified elements, which can be specified through the jquery selector and the DOM element. If the specified element is not found, the result returned by this method is "- 1" and the syntax is "element object .index ()".

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

What is the use of index in jquery

The index () method returns the index position of the specified element relative to other specified elements.

These elements can be specified through jQuery selectors or DOM elements.

Note: if no element is found, index () returns-1.

Gets the index position of the first matching element relative to its sibling.

Grammar

(selector) .index ()

Gets the index position of the element relative to the selector.

This element can be specified through the DOM element or the jQuery selector.

Grammar

$(selector) .index (element)

Examples are as follows:

$(document) .ready (function () {$("li") .click (function () {alert ($(this). Index ();});})

Click to get the index position of the list item, relative to its sibling element

CoffeeMilkSoda

Output result:

Click the first li element to output the following result:

Thank you for your reading, the above is the content of "how to use index in jquery". After the study of this article, I believe you have a deeper understanding of how to use index in jquery, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!