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

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

向数组中添加一个元素

.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中的所有元素。

标签:数组,mootloos,教程,javascript,库
0
投稿

猜你喜欢

  • Zen Coding: 一种快速编写HTML/CSS代码[译]

    2009-12-16 12:53:00
  • 用CSS实现柱状图(Bar Graph)的方法(二)—基于表格元素的柱状图

    2008-05-26 13:23:00
  • Array.prototype.slice

    2010-05-07 12:43:00
  • asp如何在网上查找链接?

    2010-06-22 21:10:00
  • 5个提高你站点可读性的方法

    2011-01-31 17:48:00
  • Oracle数据表分区的策略

    2010-07-28 12:59:00
  • 巧制可全屏拖动的图片

    2008-05-09 19:34:00
  • CSS hack:区分IE6,IE7,firefox

    2007-12-23 10:25:00
  • 剖析网页设计中的几何圆

    2010-10-19 12:27:00
  • 使用VS2005调试ASP程序方法

    2007-11-02 09:56:00
  • MSSQL数据库还原图解教程

    2009-01-12 17:58:00
  • ASP在线生成电话图片程序

    2007-10-06 23:06:00
  • 原创一个js对联广告类(兼容FireFox)

    2008-08-01 18:08:00
  • Google的产品设计指导思想

    2008-03-23 14:15:00
  • Windows XP操作系统下的MYSQL安装过程

    2008-11-24 12:52:00
  • text-indent 隐藏文字时出现的 outline问题

    2007-12-02 17:31:00
  • SQL--JOIN之完全用法

    2008-09-12 17:30:00
  • 内容适应形式

    2010-03-18 16:09:00
  • JavaScript的9个陷阱及评点

    2007-08-28 15:10:00
  • 纯CSS图片预加载

    2009-10-28 18:40:00
  • asp之家 网络编程 m.aspxhome.com