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 相关文章推荐
location.href语句与火狐不兼容的问题
Jul 04 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
Mar 10 Javascript
js换图片效果可进行定时操作
Jun 09 Javascript
原生JS实现拖拽图片效果
Aug 27 Javascript
javascript中FOREACH数组方法使用示例
Mar 01 Javascript
JS中如何实现点击a标签返回页面顶部的问题
Jan 19 Javascript
原生JS 购物车及购物页面的cookie使用方法
Aug 21 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
Dec 26 Javascript
JS实现调用本地摄像头功能示例
May 18 Javascript
vue cli2.0单页面title修改方法
Jun 07 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
May 27 Javascript
原生js实现贪吃蛇游戏
Oct 26 Javascript
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
第十一节--重载
2006/11/16 PHP
php获取qq用户昵称和在线状态(实例分析)
2013/10/27 PHP
php取得字符串首字母的方法
2015/03/25 PHP
PHP简单实现HTTP和HTTPS跨域共享session解决办法
2015/05/27 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
解决tp5在nginx下修改配置访问的问题
2019/10/16 PHP
静态页面的值传递(三部曲)
2006/09/25 Javascript
一个对于Array的简单扩展
2006/10/03 Javascript
javascript XML数据显示为HTML一例
2008/12/23 Javascript
javascript 系统文件夹文件操作及参数介绍
2013/01/08 Javascript
js动态控制table的tr、td增加及删除的具体实现
2014/04/30 Javascript
js的Prototype属性解释及常用方法
2014/05/08 Javascript
编写简单的jQuery提示插件
2014/12/21 Javascript
深入理解JavaScript的React框架的原理
2015/07/02 Javascript
jquery实现全选、反选、获得所有选中的checkbox
2020/09/13 Javascript
基于javascript html5实现3D翻书特效
2016/03/14 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
2018/08/19 Javascript
在vue项目中引入高德地图及其UI组件的方法
2018/09/04 Javascript
js+canvas实现纸牌游戏
2020/03/16 Javascript
微信小程序实现上传多张图片、删除图片
2020/07/29 Javascript
[01:04:22]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 IG vs EG
2018/04/01 DOTA
Python ljust rjust center输出
2008/09/06 Python
如何在python中使用selenium的示例
2017/12/26 Python
Python进程间通信multiprocess代码实例
2020/03/18 Python
python实时监控logstash日志代码
2020/04/27 Python
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
时尚休闲吧创业计划书
2014/01/25 职场文书
单位创先争优活动方案
2014/01/26 职场文书
责任担保书范文
2014/05/21 职场文书
介绍信的写法
2015/01/31 职场文书
煤矿施工安全协议书
2016/03/22 职场文书
react国际化react-intl的使用
2021/05/06 Javascript
教你用python控制安卓手机
2021/05/13 Python
Windows 11要来了?微软文档揭示Win11太阳谷 / Win10有两个不同版本
2021/11/21 数码科技
Android实现图片九宫格
2022/06/28 Java/Android