.eq( index )
.eq( -index )
jQueryオブジェクトにセットされているDOM要素からindex番目のDOM要素がセットされたjQueryオブジェクトを取得する。
.index()、.get()がDOM要素そのものを返すのに対しこちらはjQueryオブジェクトを返す。
index番号は0から始まり、負の値を指定すると末尾からのカウントしていく。
サンプル
Javascript
let photos = $('#sample-1 .photo').css({
margin: 5,
padding: 10,
border: '1px solid #CDCDCD',
display: 'inline-block'
});
$('#execute-1').on('click', function(){
alert(photos.eq($(this).data('target')).attr('alt'));
});
HTML
<div id="sample-1">
<div class="photos">
<img src="/resource/images/photos/1.jpg" class="photo" alt="画像1" style="width: 20%;">
<img src="/resource/images/photos/2.jpg" class="photo" alt="画像2" style="width: 20%;">
<img src="/resource/images/photos/3.jpg" class="photo" alt="画像3" style="width: 20%;">
<img src="/resource/images/photos/4.jpg" class="photo" alt="画像4" style="width: 20%;">
</div>
<span class="cq-btn m-primary" id="execute-1" data-target="2">実行</span>
</div>