jqueryをクリックして現在の要素を取得します

JQuery の click メソッドによる現在の要素の取得: 1. HTML サンプル ファイルを作成し、「bind()」メソッドを使用して、「click」クリック イベントを各 li タグにバインドします。2. li がクリックされたとき現在クリックされている li タグの位置インデックスを「index()」メソッドで取得します。構文は「$(element object).bind('click', function(){element object.index();})」です。 ; 3. 「alert()」メソッドを使用してインデックス値を出力します。

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

JQuery の click メソッドによる現在の要素の取得:

まず、bind() メソッドを使用してクリック イベントを要素にバインドし、イベント処理関数を指定します。 Index() メソッドは、クリックされた要素のインデックス位置を計算する処理関数で使用され、構文は "$(element object).bind('click',function(){element object.index();}) です。 」。

jquery では、index() メソッドを使用して、現在クリックされている要素を取得できます。次の例では、jquery を使用してどの li をクリックしたかを確認する方法を説明します。

1. test.html という名前の新しい HTML ファイルを作成し、jquery を使用してどの li をクリックしたかを確認する方法を説明します。 script タグを使用して jquery.min.js ファイルをロードします。ファイルが正常にロードされた場合にのみ、jquery メソッドを使用できます。リストを作成するには、ul タグ、li タグを使用します。たとえば、3 つの項目のリストを作成します。ページのロード時に関数メソッドを実行するには、ready() メソッドを使用します。

2. function メソッドで li オブジェクトを取得し、bind() メソッドを使用してクリック イベントを各 li にバインドします。次に、index() メソッドを使用して現在の li タグのインデックス値を取得し、最後に、alert() メソッドを使用してインデックス値を出力します。

test.html ファイルをブラウザで開き、ボタンをクリックして結果を表示します。

概要:

1.bind() メソッドを使用して、クリック イベントを各 li タグにバインドします。

2. 現在クリックされている li タグの位置インデックスを、index() メソッドを通じて取得します。

注:

index() で取得されるインデックスは 0 から始まるため、上記の例では 1 を加算する必要があります。

以上がjqueryをクリックして現在の要素を取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。