jQueryのsliceメソッド
メソッド
slice
を使用すると、選択した要素の一部(例えば2番目から5番目まで)にアクセスできます。
次の例を使って、このメソッドの動作を見てみましょう。以下のHTMLコードがあるとします:
<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>
<p>text5</p>
次に、2番目から4番目までの段落(0から数えるので、2番目の段落はインデックス1)の末尾にテキスト '!' を追加します:
$('p').slice(1, 5).append('!');
HTMLコードは次のようになります:
<p>text0</p>
<p>text1!</p>
<p>text2!</p>
<p>text3!</p>
<p>text4!</p>
<p>text5</p>
slice(1, 5) は、最初の引数を含み、2番目の引数は含まないことに注意してください。つまり、(1, 5) はインデックス 1、2、3、4 の要素を選択し、インデックス 0 と 5 の要素は選択しません。
セット内の 3番目から 10番目の
li 要素を見つけ、それらを赤色に変更してください。