Was sind die Verwendungszwecke von index() in jquery?

Es gibt vier Hauptmöglichkeiten, index() in jquery zu verwenden: 1. Rufen Sie den Index eines Elements relativ zu seinem Geschwisterelement ab, um seinen Indexwert zu bestimmen. 2. Wählen Sie zuerst den angegebenen Satz von Elementen entsprechend dem entsprechenden Selektor aus Rufen Sie dann die Methode „index()“ auf, um den Index eines Elements relativ zu einer bestimmten Elementsammlung abzurufen. 3. Durchläuft alle untergeordneten Elemente unter dem übergeordneten Element und erhält den Index aller untergeordneten Elemente. 4. Legt den Index des Elements fest das Geschwisterelement.

Das Betriebssystem dieses Tutorials: Windows 10-System, jQuery Version 3.6.0, Dell G3-Computer.

In jQuery kann „index()“ verwendet werden, um die Indexposition eines Elements unter seinen Geschwisterelementen abzurufen oder festzulegen. Es gibt die folgenden Verwendungsmethoden:

1. Ermitteln Sie den Index des Elements relativ zum Geschwisterelement.

Diese Verwendung bestimmt den Indexwert des aktuellen Elements, indem die Position des Geschwisterelements ermittelt wird.

Beispiel:

```
$('li').click(function() {
  let index = $(this).index();
  console.log(index); // 返回被点击的 li 在所有 li 元素中的索引位置
});
```

2. Rufen Sie den Index eines Elements relativ zu einer Menge von Elementen ab

Bei Verwendung dieser Methode müssen Sie zuerst die angegebene Menge von Elementen entsprechend dem entsprechenden Selektor auswählen und dann „index“ aufrufen ()`-Methode.

Beispiel:

```
let $lis = $('ul li');
$('li').click(function() {
  let index = $(this).index($lis);
  console.log(index); // 返回被点击的 li 元素相对于 allLis 的索引位置
});
```

3. Holen Sie sich den Index aller untergeordneten Elemente

Diese Methode besteht darin, das Zielelement zu finden, indem alle untergeordneten Elemente unter dem übergeordneten Element durchlaufen werden, und den entsprechenden Index zurückzugeben.

Beispiel:

```
$('ul').children().click(function() {
  let index = $(this).index();
  console.log(index); // 返回被点击的子元素在父元素下所有子元素中的索引位置
});
```

4. Legen Sie den Index des Elements im Geschwisterelement fest

Zusätzlich zur oben genannten Methode zum Abrufen des Elementindex kann die Methode „index()“ auch einen Index übergeben Wert legt die Position des angegebenen Elements unter den Geschwisterelementen fest.

Beispiel:

```
$('li').click(function() {
  $(this).index(0); // 将被点击的 li 元素设置为所有兄弟节点中的第一个
});
```

Es ist zu beachten, dass diese Verwendung die DOM-Struktur normalerweise nicht wirklich ändert. Es ändert lediglich die Reihenfolge der Elemente in jQuery und

Das obige ist der detaillierte Inhalt vonWas sind die Verwendungszwecke von index() in jquery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!