◀ 3.

.eq()

編集

.eq() 

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

 

■.eq( index )

戻り値:jQuery

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

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

 

■.eq( -index ) 

戻り値:jQuery

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

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

 

使用例）

HTML

       

  • リスト1

    •    

  • リスト2

    •    

  • リスト3

    •    

  • リスト4

    •    

  • リスト5

    •    

 

jQuery

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

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

 

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

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

編集
Post Share
子ページ

子ページはありません

同階層のページ
  1. .find() 
  2. .children()
  3. .eq()
2026-05-15 09:54:19 guest 231

人気ページ

最近更新/作成されたページ