.eq()

.eq()

・jQueryオブジェクトで指定した要素のうち、引数のインデックス番号で指定された要素を選択

■.eq( index )

戻り値:jQuery

・引数のインデックス番号で指定された要素を選択

引数	説明
index	0から始まるインデックス番号を指定

■.eq( -index )

戻り値:jQuery

・負のインデックス番号を指定することで最後の要素から数えた要素を選択

引数	説明
-index	マイナスのインデックス番号を指定。-1で一番最後の要素を選択

使用例）

HTML

<ul>

<li>リスト1</li>

<li>リスト2</li>

<li>リスト3</li>

<li>リスト4</li>

<li>リスト5</li>

</ul>

jQuery

$('li').eq(1).css('background-color', 'blue');

リスト2の背景が青くなる。

$('li').eq(-2).css('background-color', 'yellow');

-2を指定すると、リスト4が黄色になる。

子ページ

子ページはありません

同階層のページ

2017-10-02 13:40:24 guest 223