jQuery.each()用法分享


Posted in Javascript onJuly 31, 2012

例遍数组,同时使用元素索引和内容。(i是索引,n是内容)

$.each( [0,1,2], function(i, n){ 
alert( "Item #" + i + ": " + n ); 
});

例遍对象,同时使用成员名称和变量内容。(i是成员名称,n是变量内容)
$.each( { name: "John", lang: "JS" }, function(i, n){ 
alert( "Name: " + i + ", Value: " + n ); 
});

例遍dom元素,此处以一个input表单元素作为例子。

如果你dom中有一段这样的代码
<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
<input name="ddd" type="hidden" value="444"/>
然后你使用each如下

$.each($("input:hidden"), function(i,val){ 
alert(val); //输出[object HTMLInputElement],因为它是一个表单元素。 
alert(i); //输出索引为0,1,2,3 
alert(val.name); //输出name的值 
alert(val.value); //输出value的值 
});

以下是官方的解释:

jQuery.each(object, [callback])

概述
通用例遍方法,可用于例遍对象和数组。

不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。

参数
objectObject
需要例遍的对象或数组。

callback (可选)Function
每个成员/元素执行的回调函数。

Javascript 相关文章推荐
JavaScript 创建对象和构造类实现代码
Jul 30 Javascript
常见的javascript跨域通信方法
Dec 31 Javascript
js点击返回跳转到指定页面实现过程
Aug 20 Javascript
jQuery根据name属性进行查找的用法分析
Jun 23 Javascript
js捕捉键盘事件和按键键值的方法
Oct 10 Javascript
JavaScript实现窗口抖动效果
Oct 19 Javascript
Centos7 中安装 Node.js v4.4.4
Nov 03 Javascript
Vue中的数据监听和数据交互案例解析
Jul 12 Javascript
Vue.js中的图片引用路径的方式
Jul 28 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 Javascript
如何在CocosCreator里画个炫酷的雷达图
Apr 16 Javascript
vue里使用create, mounted调用方法
Apr 26 Vue.js
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
Jul 31 #Javascript
JavaScript中的私有/静态属性介绍
Jul 26 #Javascript
13 个JavaScript 性能提升技巧分享
Jul 26 #Javascript
了解一点js的Eval函数
Jul 26 #Javascript
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
Jul 26 #Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
Jul 25 #Javascript
浅谈javascript的原型继承
Jul 25 #Javascript
You might like
一个高ai的分页函数和一个url函数
2006/10/09 PHP
php递归删除目录与文件的方法
2015/01/30 PHP
基于PHP实现等比压缩图片大小
2016/03/04 PHP
Yii配置与使用memcached缓存的方法
2016/07/13 PHP
JAVASCRIPT车架号识别/验证函数代码 汽车车架号验证程序
2012/01/08 Javascript
利用NodeJS和PhantomJS抓取网站页面信息以及网站截图
2013/11/18 NodeJs
jQuery获取Radio,CheckBox选择的Value值(示例代码)
2013/12/12 Javascript
一行命令搞定node.js 版本升级
2014/07/20 Javascript
浅谈jQuery中对象遍历.eq().first().last().slice()方法
2014/11/26 Javascript
jQuery的图片滑块焦点图插件整理推荐
2014/12/07 Javascript
JQuery节点元素属性操作方法
2015/06/11 Javascript
DWR中各种java方法的调用
2016/05/04 Javascript
利用Jasmine对Angular进行单元测试的方法详解
2017/06/12 Javascript
微信小程序实现topBar底部选择栏效果
2018/07/20 Javascript
Vue2.0 v-for filter列表过滤功能的实现
2018/09/07 Javascript
vue实现简单的星级评分组件源码
2018/11/16 Javascript
浅谈React Native 传参的几种方式(小结)
2019/05/21 Javascript
JavaScript如何判断对象有某属性
2020/07/03 Javascript
详解Python 函数如何重载?
2019/04/23 Python
Django中reverse反转并且传递参数的方法
2019/08/06 Python
Python实现多线程下载脚本的示例代码
2020/04/03 Python
python使用Word2Vec进行情感分析解析
2020/07/31 Python
Python可视化工具如何实现动态图表
2020/10/23 Python
利用CSS3制作简单的3d半透明立方体图片展示
2017/03/25 HTML / CSS
Html5 页面适配iPhoneX(就是那么简单)
2019/09/05 HTML / CSS
浅谈Html5页面打开app的一些思考
2020/03/30 HTML / CSS
日语求职信范文
2013/12/17 职场文书
产品生产计划书
2014/05/07 职场文书
经济贸易系毕业生求职信
2014/05/31 职场文书
体育教师求职信
2014/06/30 职场文书
寝室长工作失责检讨书
2014/10/06 职场文书
社区青年志愿者活动总结
2015/05/06 职场文书
幼儿园小班开学寄语
2015/05/27 职场文书
离职证明格式样本
2015/06/12 职场文书
学雷锋感言
2015/08/03 职场文书
铁拳制作人赞《铁拳7》老头环Mod:制作精良 但别弄了
2022/04/03 其他游戏