今天，我們在來看看如何使用數(shù)組來管理DOM元素。
基本方法
.each();
在處理數(shù)組時，.each();方法是你最好的朋友。它提供了一種很容易的方法來遍歷數(shù)組的每個元素，如果有需要還可以對其中的元素進(jìn)行任何邏輯處理。例如，我們可以假設(shè)你需要為頁面中的每個div對象調(diào)用alert方法：
參考代碼：
如果使用下面的HTML代碼，上面的JavaScript代碼將彈出兩個alert對話框，每個div一個。
參考代碼：
.each();方法不需要你使用$$方法。創(chuàng)建一個數(shù)組的另一種方式（就像我們昨天講到過的）是使用.getElements();方法。
參考代碼：
參考代碼：
還有另外一種方法來完成這個相同的任務(wù)，就是把這個數(shù)組賦值給一個變量，然后對那個變量使用.each();方法：
參考代碼：
最后，如果你可能想把你的函數(shù)從選擇器中獨立出來。我們會在明天的關(guān)于使用函數(shù)的教程中更深入地講解這個問題。不過，現(xiàn)在我們可以創(chuàng)建一個非常簡單的示例：
參考代碼：
注意：當(dāng)你像剛才那樣在.each();.方法里面調(diào)用函數(shù)時，你不需要給函數(shù)名加上引號。
復(fù)制一個數(shù)組
$A
MooTools提供了一個簡單的方式——通過$A函數(shù)來復(fù)制一個數(shù)組。讓我們像剛才那樣使用變量創(chuàng)建一個數(shù)組：
參考代碼：
復(fù)制一個數(shù)組（創(chuàng)建該數(shù)組的副本）：
參考代碼：
從數(shù)組中獲取指定的元素
.getLast();
.getLast();方法返回數(shù)組中最后一個元素。首先我們建立一個數(shù)組：
參考代碼：
現(xiàn)在我們可以從這個數(shù)組中獲取最后一個元素：
參考代碼：
變量lastElement現(xiàn)在的值就是數(shù)組myArray中的最后一個元素了。
.getRandom();
和.getLast();一樣，不過它隨機從數(shù)組中取得一個元素：
參考代碼：
變量randomElement現(xiàn)在的值就是從數(shù)組myArray中隨機選取的一個元素了。
向數(shù)組中添加一個元素
.include();
通過這個方法，你可以給數(shù)組添加另外一個元素。只要把元素選擇器傳給.include();方法，它就會包含到你的數(shù)組中。我們使用下面的HTML代碼：
參考代碼：
我們可以像以前那樣調(diào)用”body_wrap“下面的所有div一樣來創(chuàng)建一個數(shù)組：
參考代碼：
要把另外一個元素添加到這個數(shù)組中，首先你需要把這個元素賦值給一個變量，然后使用include方法：
參考代碼：
現(xiàn)在，這個數(shù)組就同時包含div和span元素了。
.combine();
和.include();方法一樣，不過它可以讓你把一個數(shù)組添加到一個已經(jīng)存在的數(shù)組中，而不用擔(dān)心有重復(fù)的內(nèi)容。假設(shè)我們現(xiàn)在從下面的HTML中取得了兩個數(shù)組：
參考代碼：
我們可以這樣建立兩個數(shù)組：
參考代碼：
現(xiàn)在我們可以使用.combine();方法來合并兩個數(shù)組，這個方法會自己處理重復(fù)的元素，因此我們不需要處理：
參考代碼：
現(xiàn)在myArray就包含了newArraytoArray中的所有元素。
代碼示例
數(shù)組可以讓你遍歷包含所有項目的列表，并對每個元素執(zhí)行相同的代碼。在這個例子中，注意變量”item“作為當(dāng)前元素的替代符的使用。
參考代碼：
參考代碼：

延伸學(xué)習(xí)

這個教程并沒有打算涵蓋你能對數(shù)組做的全部事情，但是希望能夠給你一個參考，告訴你MooTools提供了一些什么功能。要學(xué)習(xí)更多關(guān)于數(shù)組的東西，請仔細(xì)閱讀這些內(nèi)容：

• 文檔中的數(shù)組部分
• 這個頁面中有許多關(guān)于JavaScript數(shù)組的信息

下載一個包含你開始所需要的所有東西的zip包

包括一個簡單的html文件、MooTools 1.2核心庫、一個外部JavaScript文件、一個css文件和上面的所有例子。

最新評論