jQuery ◯番目を指定する eq
今回は、jQueryの「eq」について書きます。
eqは、◯番目の要素を指定できるメソッドです。
こんな感じに使います。
<body> <ul> <li>a</li> <li>b</li> <li>c</li> <li>d</li> <li>e</li> <li>f</li> <li>g</li> </ul> <script> $(function(){ $('li').eq(1).css('background', 'red'); }); </script> </body>
実行結果
「eq()」の引数に指定したい要素の番目を入れます。
$('li').eq(1).css('background', 'red');
「eq(1)」のように「1」といれると、上から2番目の要素を指定できます。
注意なのが、「0」から始まるところです。つまり、一番上の要素を指定するには、「0」と引数にいれます。
また、「eq(-1)」のように負の値を入れると、後ろから指定できます。
<body> <ul> <li>a</li> <li>b</li> <li>c</li> <li>d</li> <li>e</li> <li>f</li> <li>g</li> </ul> <script> $(function(){ $('li').eq(-1).css('background', 'red'); }); </script> </body>
実行結果
これで、終わります。