Apakah kegunaan index() dalam jquery

Terdapat empat cara utama untuk menggunakan index() dalam jquery: 1. Dapatkan indeks unsur relatif kepada elemen saudaranya untuk menentukan nilai indeksnya 2. Mula-mula pilih set elemen yang ditentukan mengikut yang sepadan selector , dan kemudian panggil kaedah "index()" untuk mendapatkan indeks elemen berbanding koleksi elemen tertentu 3. Lintas semua elemen anak di bawah elemen induk dan dapatkan indeks semua elemen anak; daripada unsur dalam unsur adik beradik.

Sistem pengendalian untuk tutorial ini: Sistem Windows 10, versi jQuery 3.6.0, komputer Dell G3.

Dalam jQuery, `index()` boleh digunakan untuk mendapatkan atau menetapkan kedudukan indeks sesuatu elemen antara elemen adik-beradiknya. Ia mempunyai kaedah penggunaan berikut:

1 Dapatkan indeks unsur relatif kepada unsur adik beradik

Penggunaan ini adalah untuk mendapatkan indeks unsur semasa dalam. kedudukan adik-beradik untuk menentukan nilai indeksnya.

Contoh:

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

2 Dapatkan indeks elemen berbanding koleksi elemen

Apabila menggunakan kaedah ini, anda mesti mengikuti terlebih dahulu. yang sepadan Pemilih memilih set elemen yang ditentukan dan kemudian memanggil kaedah `index()`.

Contoh:

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

3 Dapatkan indeks semua elemen anak

Kaedah ini adalah untuk mencari dengan merentasi semua elemen anak di bawah elemen induk . Elemen sasaran dan kembalikan indeks yang sepadan.

Contoh:

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

4. Tetapkan indeks elemen dalam elemen adik beradik

Selain penggunaan yang disebutkan di atas untuk mendapatkan elemen. index , kaedah `index()` juga boleh menetapkan kedudukan elemen yang ditentukan antara elemen adik beradik dengan menghantar nilai indeks.

Contoh:

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

Adalah penting untuk ambil perhatian bahawa penggunaan ini biasanya tidak benar-benar mengubah struktur DOM. Ia hanya mengubah susunan elemen dalam jQuery dan

Atas ialah kandungan terperinci Apakah kegunaan index() dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!