jQueryでn番目の要素を取得する方法を解説！

jQueryで兄弟要素のグループ内でn番目の要素を取得したい時があります。

n番目の要素を取得するときは

• CSSのセレクタでn番目を指定する
• jQueryのeqメソッドでn番目を指定する

CSSでn番目の要素を取得する方法は:nth-childや:nth-of-typeがあります。下記のサンプルコードを見てみましょう。

上記のサンプルコードではCSSのセレクタで:nth-childの擬似クラスを使って2番目の要素を取得しています。

jQueryのeqメソッドは引数で指定したインデックス番号の要素を取得できるメソッドです。これを使って2番目の要素を取得してみましょう。

上記のサンプルコードでは2番目（インデックス番号は0から数えるのでインデックス番号は1）の要素をeqメソッドで取得しています。