jQuery index() 方法

index() 方法用于返回元素相对于选择器的索引值。如果未找到元素，该方法将返回 -1。

语法

第一个匹配元素相对于同级元素的索引

如果没有向 index() 方法传递任何参数，该方法将返回一个整数，表示 jQuery 对象中第一个元素相对于其同级元素的位置。

元素相对于选择器的索引

此方法接受一个可选参数，定义如下：

element: 这是一个可选参数，可以是 jQuery 选择器或 DOM 元素。它指定要获取其索引位置的元素。

假设我们将一个 DOM 元素作为参数传递，并在元素集合上使用 index() 方法。在这种情况下，该方法将返回一个整数，表示传递的元素相对于原始集合的位置。

传递选择器字符串作为参数时，index() 方法将返回一个整数，表示 jQuery 对象中第一个元素相对于选择器匹配的元素的位置。

示例

在此示例中，我们使用 index() 方法获取段落元素的索引值。这里，我们使用带或不带参数的方法。因此，在单击段落元素时，我们将根据语法获得相应段落的索引。索引从 0 开始。

这里，颜色名称是段落元素。

输出

单击段落时，将根据语法显示相应段落元素的索引，如下图所示。

我们可以看到 id 为 p1 的段落的索引是 0。这是因为索引从 0 开始。