jQueryで複数取得した要素の中からさらに1個選択したい。できればセレクターを頑張って書いて、要素を取得した時点で1つとなっていることが望ましいが、それができなかった場合を想定。

jQueryの配列オブジェクトから単純に要素を取得したいと思った場合、getメソッドや添字でのアクセスが可能だが、この方法だと取得した要素がjQueryオブジェクトではなく素のDOM要素になってしまう。

// 2つ目の要素を取得(どちらも同じ)
$(".my-class").get(1);
$(".my-class")[1];

後続の処理でjQueryオブジェクトとして扱いたい場合は、eqメソッドで取得することができる。

// 2つ目の要素を取得
$(".my-class").eq(1);