Traversing/API/jQuery
slice(start, [end])
要素集合から指定範囲のものを返す。
Javascriptに標準で組み込まれている、配列に対するslice関数と同じ動作である。
Javascriptに標準で組み込まれている、配列に対するslice関数と同じ動作である。
- start
- Ineger指定範囲の始まりの位置。先頭のエレメントは0。
- end
- Ineger指定範囲の終わりの位置。指定が無い場合は、要素集合の最後までとなる
引数
戻り値
jQuery
該当範囲のjQueryオブジェクト
サンプル
サンプル1
ボタンを押すたびに、ランダムにdivの要素集合をsliceして、その範囲を黄色くする。
<button>Turn slice yellow</button> <span>Click the button!</span> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div>
function colorEm() {
var $div = $("div");
var start = Math.floor(Math.random() *
$div.length);
var end = Math.floor(Math.random() *
($div.length - start)) +
start + 1;
if (end == $div.length) end = undefined;
$div.css("background", "");
if (end)
$div.slice(start, end).css("background", "yellow");
else
$div.slice(start).css("background", "yellow");
$("span").text('$("div").slice(' + start +
(end ? ', ' + end : '') +
').css("background", "yellow");');
}
$("button").click(colorEm);
[全コードを表示]
[実行結果を単体で表示]