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

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’);

jQuery

Posted by arkgame