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
投稿

猜你喜欢

  • 基于Python编写一个简单的服务注册发现服务器

    2022-06-11 20:23:31
  • 如何使用Python调整图像大小

    2021-11-30 00:10:14
  • 简单介绍Python虚拟环境及使用方法

    2021-03-19 20:59:53
  • 6个卓越Web设计细节[译]

    2010-03-24 18:34:00
  • Python PyInstaller库基本使用方法分析

    2022-03-19 16:29:46
  • Flash的Fallback Content等

    2010-04-01 12:18:00
  • MySQL字段类型详解

    2009-01-05 09:23:00
  • MySQL也能并发导入数据

    2010-03-25 10:38:00
  • Python字符串中如何去除数字之间的逗号

    2023-12-01 22:09:48
  • python获取本地计算机名字的方法

    2022-01-26 10:04:32
  • Python3实现将一维数组按标准长度分隔为二维数组

    2021-10-24 16:46:20
  • 教你一分钟在win10终端成功安装Pytorch的方法步骤

    2023-09-01 19:32:38
  • js实现无刷新监听URL的变化示例代码详解

    2024-04-17 09:43:16
  • Django ContentType组件详解

    2022-04-11 14:19:26
  • 总结python 三种常见的内存泄漏场景

    2023-02-18 16:37:49
  • Oracle常见错误代码的分析与解决

    2024-01-14 20:28:51
  • python多线程socket编程之多客户端接入

    2021-01-26 10:14:52
  • tensorflow1.0学习之模型的保存与恢复(Saver)

    2021-06-03 16:57:20
  • Python中Django框架下的staticfiles使用简介

    2022-08-18 14:04:40
  • 基于Python log 的正确打开方式

    2021-05-29 21:42:59
  • asp之家 网络编程 m.aspxhome.com