jqueryでのindex()の用途は何ですか?

jquery で Index() を使用する主な方法は 4 つあります: 1. 兄弟要素に対する相対的な要素のインデックスを取得して、そのインデックス値を決定します; 2. 最初に、要素の指定されたセットを選択します。対応するセレクターを呼び出し、「index()」メソッドを呼び出して、特定の要素コレクションに関連する要素のインデックスを取得します; 3. 親要素の下にあるすべての子要素を走査し、すべての子要素のインデックスを取得します; 4. Set兄弟要素内の要素のインデックス。

このチュートリアルのオペレーティング システム: Windows 10 システム、jQuery3.6.0 バージョン、Dell G3 コンピューター。

jQuery では、`index()` を使用して、兄弟要素内の要素のインデックス位置を取得または設定できます。次の使用方法があります:

1. 兄弟要素に対する相対的な要素のインデックスを取得します

この使用法は、現在の要素のインデックスを取得することです。兄弟要素の位置を指定して、そのインデックス値を決定します。

例:

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

2. 特定の要素コレクションに関連する要素のインデックスを取得します

このメソッドを使用する場合は、まず次のことを行う必要があります。対応するセレクターは、指定された要素のセットを選択し、`index()` メソッドを呼び出します。

例:

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

3. すべての子要素のインデックスを取得する

このメソッドは、親の下にあるすべての子要素を走査して検索します。 element.要素をターゲットとして、対応するインデックスを返します。

例:

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

4. 兄弟要素内の要素のインデックスを設定します。

上記の取得方法に加えて、要素インデックスを使用する場合、`index()` メソッドは、インデックス値を渡すことによって、兄弟要素内での指定された要素の位置を設定することもできます。

例:

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

通常、この使用法では実際に DOM 構造が変更されるわけではないことに注意してください。 jQuery 内の要素の順序を変更するだけです。

以上がjqueryでのindex()の用途は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。