この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:1
ページ更新者:guest
更新日時:2017-10-02 13:40:24

タイトル: .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が黄色になる。