Jquery slice(start, [end])

文章目錄

• 概述
• 參數
• 樣本

概述

選取一個匹配的子集

與原來的slice方法類似

參數 startInteger

開始選取子集的位置。第一個元素是0.如果是負數，則可以從集合的尾部開始選起。

end (可選)Integer

結束選取自己的位置，如果不指定，則就是本身的結尾。

樣本描述:

選擇第一個p元素

HTML 程式碼:

<p>Hello</p><p>cruel</p><p>World</p>

jQuery 代碼:

$("p").slice(0, 1).wrapInner("<b></b>");

結果:

[ <p><b>Hello</b></p> ]

描述:

選擇前兩個p元素

HTML 程式碼:

<p>Hello</p><p>cruel</p><p>World</p>

jQuery 代碼:

$("p").slice(0, 2).wrapInner("<b></b>");

結果:

[ <p><b>Hello</b></p>,<p><b>cruel</b></p> ]

描述:

只選取第二個p元素

HTML 程式碼:

<p>Hello</p><p>cruel</p><p>World</p>

jQuery 代碼:

$("p").slice(1, 2).wrapInner("<b></b>");

結果:

[ <p><b>cruel</b></p> ]

描述:

只選取第二第三個p元素

HTML 程式碼:

<p>Hello</p><p>cruel</p><p>World</p>

jQuery 代碼:

$("p").slice(1).wrapInner("<b></b>");

結果:

[ <p><b>cruel</b></p>, <p><b>World</b></p> ]

描述:

選取第最後一個p元素

HTML 程式碼:

<p>Hello</p><p>cruel</p><p>World</p>

jQuery 代碼:

$("p").slice(-1).wrapInner("<b></b>");

結果:

[ <p><b>World</b></p> ]