【jQuery】子要素の順番を指定して取得する

Javascript

複数ある子要素を色々な方法で取得してみます。

主に
eq()⇒数字を指定して何番目かを取得
index()⇒何番目かを取得
を使っていきます。

HTMLソース

jsソース

children()で親要素から子要素を取得します。

子要素は複数ありますのでeq()で何番目かを指定するとその要素を取得できます。

index()にタグ指定もできますが、親要素と子要素が同じ場合-1を返してしまうので注意しましょう。
上記ではchildren()でタグ指定することによって取得できるようにしています。

eqもindexも順番が0からはじまっていることに注意しましょう。

 

また、index()は最初に出現したものを返しますので該当するものが複数ある場合は他の方法が必要になります。

 

 

コメント

タイトルとURLをコピーしました