jQuery 過去 - prevUntil() メソッド

すべての段落を選択して、選択された内容を最初と2番目の段落のみを含むように縮小します:

$("p").slice(0, 2).wrapInner("");

自分で試してみてください

定義と使用法

slice()は、指定されたインデックス範囲のサブセットとして一致する要素集合を縮小します。

文法

.slice(selector,end)
パラメータ 説明
selector

0ベースの整数値で、選択開始位置を示します。

負の数の場合、集合の末端からのオフセット量を示します。

end

0ベースの整数値で、選択終了位置を示します。

負の数の場合、集合の末端からのオフセット量を示します。

省略すると、選択範囲は集合の末端で終わります。

詳細説明

DOM要素集合を表すjQueryオブジェクトが与えられた場合、.slice()メソッドは一致する要素のサブセットを構築する新しいjQueryオブジェクトを作成します。適用されたindexパラメータの集合の1つの要素の位置;endパラメータを省略すると、indexの後のすべての要素が結果に含まれます。

このシンプルなリストを持つページについて考えてみてください:

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

このメソッドをリスト項目集合に適用することができます:

$('li').slice(2).css('background-color', 'red');

自分で試してみてください

この呼び出しの結果は、プロジェクト3、4、5の背景が赤くなります。注意してください、適用されたindexパラメータは0ベースで、jQueryオブジェクトの要素の位置を示し、DOM木の位置ではありません。

endパラメータは、選択範囲をさらに制限することができます。例えば:

$('li').slice(2, 4).css('background-color', 'red');

自分で試してみてください

今度は、プロジェクト3と4だけが選択されます。再び言いますが、indexは0ベースです;範囲は指定されたindexに至るまで(指定されたindexを含まない)延びます。

負の指数

jQueryの.slice()メソッドはJavaScriptの配列オブジェクトの.slice()メソッドを模倣しています。模倣する特性の1つは、startまたはendパラメータに負の数を渡すことができます。負の数が提供されると、それは集合の終わりから始まる位置を示し、開始位置ではありません。例えば:

$('li').slice(-2, -1).css('background-color', 'red');

自分で試してみてください

この度、赤くなるのはリスト項目4だけです。なぜなら、そのプロジェクトは終わりから数えた二(-2)と一(-1)の範囲にある唯一のプロジェクトだからです。