jQuery - html搭配slice method的應用

一般我們使用JavaScript的slice() function,可以應用在存取我們要的array區間的資料,如

var months = ['January', 'February', 'March', 'April'];
var month_part = months.slice(1,3);
//will prints February, March

應用在這上面的情況大家大概都明瞭。

不過其實這些變數值、Array變數我都可以視它為一個Object,如此我們還可以將slice應用在

jQuery 存取Html DOM上面去做變化,如下:

有一個
<div id="mymonths">
    <div>January</div>
    <div>February</div>
    <div>March</div>
    <div>April</div>
</div>

此時我們利用jQuery code去隱藏第一個及第二個資料

$("#mymonths").children().slice(0,2).hide();

如此,我們還可以應用在切換圖片顯示的上面,相信聰明的大家會知道怎麼運用!

留言