ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery電流要素のインデックスを取得します
$<span>.fn.getIndex = function(){ </span> <span>var $p=$(this).parent().children(); </span> <span>return $p.index(this); </span><span>}</span>
jQueryインデックスメソッドは、指定された要素のインデックス位置を返すjQueryの組み込み関数です。この方法は、選択された要素のグループ内で要素の位置を見つける必要がある場合に特に役立ちます。インデックスはゼロベースです。つまり、最初の要素のインデックスは0、2番目の要素のインデックスは1のインデックスなどです。インデックスメソッドは、一致した要素のセット内の最初の要素の位置を返すために、パラメーターなしで使用できます。あるいは、特定の要素の位置を見つけるためにパラメーターとともに使用できます。
jQueryインデックスメソッドを使用して特定の要素のインデックスを取得するには、要素をインデックスメソッドに渡す必要があります。例は次のとおりです。
var index = $( "div")。index($( "#specialelement"));
この例では、インデックスメソッドはすべてのdiv要素のセット内のID「specizeelement」を持つ要素の位置を返します。クラスセレクター。これは、要素のグループ内に特定のクラスを持つ要素の位置を見つけたい場合に役立ちます。例は次のとおりです。
この例では、インデックスメソッドは、クラス「myclass」の要素のセット内のID「specipalelement」を持つ要素の位置を返します。 jQueryインデックスメソッドは指定された要素を見つけられず、-1を返します。これは、要素のグループ内に要素が存在するかどうかを確認できる便利な機能です。インデックスメソッドが-1を返す場合、要素はグループの一部ではないことがわかります。
はい、jQueryインデックスメソッドを使用して、イベントハンドラー内の現在の要素のインデックスを取得できます。これは、イベントをトリガーした要素の位置に基づいてアクションを実行したい場合に役立ちます。例は次のとおりです。
$( "div")。クリック(function(){
var index = $( "div")。index(this);
alert( "div number"(index 1));
});
次に、アラートはクリックされたdivの位置を表示し、ゼロベースのインデックス作成を考慮してインデックスに1を追加します。
以上がjQuery電流要素のインデックスを取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。