⊗jqSeIM 72 of 113 menu

jQueryにおけるindexメソッド

セット内の要素のインデックスを見つける必要がある場合、 私たちは index メソッドを利用することができます。

要素の相対的な位置番号を出力することができます。 例えば、番号付きリストがあるとします:

<ol> <li>text</li> <li id="test">text</li> <li>text</li> </ol> <div>text</div>

index メソッドを使って、divの番号を出力してみましょう:

let num = $('div').index(); alert(num);

さらに、追加でセレクタを渡すこともできます。 次のHTMLコードを考えてみましょう:

<ol> <li id="first">text</li> <li id="test">text</li> <li>text</li> </ol> <div>text</div>

今度は、要素のタグ名に加えて、 パラメータとしてid名を渡します:

let num = $('li').index($('#test')); alert(num);

そのような要素が見つからない場合、 メソッドは-1を返します。

要素のタグ名のみを使って、 #testを持つliの番号を取得してください。

セレクタ名も指定して、 #firstを持つliの番号を取得してください。

日本語
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
当サイトでは、サイトの動作、分析、パーソナライゼーションのためにクッキーを使用しています。 データ処理はプライバシーポリシーに従って行われます。
すべて受け入れる 設定 拒否