［jQuery］eqセレクター

セレクターの中から

特定の順番の要素を選択するのに使うのが、ｅｑ（equal）セレクター

特定の要素の前の要素を選択するのが、ｌｔ（less than）セレクター

特定の要素の後ろの要素を選択するのが、ｇｔ（greater than）セレクター

使い方

＄（’セレクター：eq( n )’）

nは出現する番号を入れる。１番目の要素は「０」、２番目は「１」となる

<ul>
    <li>花花花花花</li>
    <li>海海海海海</li>
    <li>月月月月月</li>
    <li>山山山山山</li>
</ul>

$(document).ready( function() {
  $('li:eq(1)').css('background','pink');
  $('li:eq(3)').text('風風風風風').css('color','#F00');
});

　※li要素の２番目に background：pink を実行

　※li要素の３番目にテキストの置き換えと、color : #F00 を実行 　

《実行後》