Quelles sont les utilisations de index() dans jquery ?

Il existe quatre façons principales d'utiliser index() dans jquery : 1. Obtenez l'index d'un élément par rapport à son élément frère pour déterminer sa valeur d'index ; 2. Sélectionnez d'abord l'ensemble d'éléments spécifié en fonction du sélecteur correspondant, et puis appelez la méthode " "index()" qui obtient l'index d'un élément par rapport à une certaine collection d'éléments ; 3. Parcourt tous les éléments enfants sous l'élément parent et obtient l'index de tous les éléments enfants ; 4. Définit l'index de l'élément dans l'élément frère.

Le système d'exploitation de ce tutoriel : système Windows 10, jQuery version 3.6.0, ordinateur Dell G3.

Dans jQuery, `index()` peut être utilisé pour obtenir ou définir la position d'index d'un élément parmi ses éléments frères. Il a les méthodes d'utilisation suivantes :

1. Obtenez l'index de l'élément par rapport à l'élément frère

Cette utilisation détermine la valeur d'index de l'élément actuel en obtenant la position de l'élément frère.

Exemple :

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

2. Obtenez l'index d'un élément par rapport à un ensemble d'éléments

Lorsque vous utilisez cette méthode, vous devez d'abord sélectionner l'ensemble d'éléments spécifié en fonction du sélecteur correspondant, puis appeler `index ()` méthode.

Exemple :

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

3. Obtenez l'index de tous les éléments enfants

Cette méthode consiste à trouver l'élément cible en parcourant tous les éléments enfants sous l'élément parent et à renvoyer l'index correspondant.

Exemple :

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

4. Définissez l'index de l'élément dans l'élément frère

En plus de la méthode mentionnée ci-dessus pour obtenir l'index de l'élément, la méthode `index()` peut également transmettre un index. value Définit la position de l’élément spécifié parmi les éléments frères.

Exemple :

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

Il convient de noter que cette utilisation ne modifie généralement pas réellement la structure du DOM. Cela change simplement l'ordre de l'élément dans jQuery et

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!