「jQuery」:eq()、:gt() 、:lt()で要素を取り出すサンプル

2020年1月2日

1.n番目の要素よりも前方／後方の要素を指定
:lt(index)
index番目よりも前方の要素
例
$('option:lt(3)’).css('background-color’, 'Red’);

:gt(index)
index番目よりも後方の要素
例
$('option:gt(3)’).css('background-color’, 'Blue’);

2.n番目の要素を指定
:eq(index)
index番目の要素を取り出す

例
$('option:eq(4)’).css('background-color’, 'Green’);

3.先頭／末尾の要素を指定

:first 先頭の要素
:last 末尾の要素
例
$('option:first’).css('background-color’, 'Green’);
$('option:last’).css('background-color’, 'Blue’);