上級編　その１

ProgateでjQueryの上級編に進んでからかなり進むスピードが遅くなってきたので少しづまとめる。

eqメソッド、indexメソッド

<ul>
  <li>その１</li> <!--0-->
　<li>その２</li> <!--1-->
　<li>その３</li> <!--2-->
</ul>

このような「li」要素にはjavascriptの配列のようにインデックス番号をもっている（０から始まる）。
eqメソッドを使用してjQueryで３番目の「li」要素を取得しcolorをredにする場合は下記のようにする。

$('li').eq(2).css('color','red');

また、インデックス番号を取得したい場合はindexメソッドを使用する。

<ul>
  <li>その１</li> <!--0-->
　<li class = "active">その２</li> <!--1-->
　<li>その３</li> <!--2-->
</ul>

上記の「li」要素から「.active」のインデックス番号をindexメソッドで取得する。

$('li').index($('.active'));

とすると、インデックス番号の「１」が取得できる。