Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of how to use the index () method in jquery, the content is detailed and easy to understand, the operation is simple and fast, and it has a certain reference value. I believe you will gain something after reading this article on how to use the index () method in jquery. Let's take a look.

In jquery, the index () method is used to return the index position of the specified element relative to other specified elements, or to get the index position of the element relative to the selector, with the syntax of "$(selector). Index ()" or "$(selector) .index (element)".

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

How to use the index () method 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.

An index () method is provided in Query

Searches for elements that match the object represented by the parameter and returns the index value of the corresponding element.

If a matching element is found, it starts at 0; if no matching element is found,-1 is returned.

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 () {$("button") .click (function () {alert ($(".hot"). Index ($("# favorite");})

Click the button to get the index of the element id = "favorite", relative to the jQuery selector (class = "hot"):

Get subscript MilkTeaCoffee

Output result:

After clicking the button:

This is the end of the article on "how to use the index () method in jquery". Thank you for reading! I believe everyone has a certain understanding of the knowledge of "how to use the index () method in jquery". If you want to learn more, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.