网络编程
位置:首页>> 网络编程>> JavaScript>> Mootools 1.2教程(3)——数组使用简介(3)

Mootools 1.2教程(3)——数组使用简介(3)

作者:Fdream 来源:Fdream博客 发布时间:2008-11-17 20:16:00 

标签:数组,mootloos,教程,javascript,库

向数组中添加一个元素

.include();

通过这个方法,你可以给数组添加另外一个元素。只要把元素选择器传给.include();方法,它就会包含到你的数组中。我们使用下面的HTML代码:

参考代码: 

<div id="body_wrap">
    <div>one</div>
    <div>two</div>
    <span id="add_to_array">add to array</span>
</div>


我们可以像以前那样调用”body_wrap“下面的所有div一样来创建一个数组:

参考代码:

var myArray = $('body_wrap').getElements('div');


要把另外一个元素添加到这个数组中,首先你需要把这个元素赋值给一个变量,然后使用include方法:

参考代码:

// 首先把你的元素赋值给一个变量
var newToArray = $('add_to_array');
 
// 然后把它添加到数组
myArray.include(newToArray);


现在,这个数组就同时包含div和span元素了。

.combine();

和.include();方法一样,不过它可以让你把一个数组添加到一个已经存在的数组中,而不用担心有重复的内容。假设我们现在从下面的HTML中取得了两个数组:

参考代码: 

<div id="body_wrap">
    <div>one</div>
    <div>two</div>
    <span class="class_name">add to array</span>
    <span class="class_name">add to array, also</span>
    <span class="class_name">add to array, too</span>
</div>


我们可以这样建立两个数组:

参考代码: 

// 就像我们以前那样建立你的数组
var myArray= $('body_wrap').getElements('div');
 
// 然后建立一个所有CSS类名为.class_name的元素数组
var newArrayToArray = $$('.class_name');


现在我们可以使用.combine();方法来合并两个数组,这个方法会自己处理重复的元素,因此我们不需要处理:

参考代码:

// 把数组newArrayToArray合并到数组myArray中
myArray.combine(newArrayToArray );


现在myArray就包含了newArraytoArray中的所有元素。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com