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高级程序设计 阅读笔记(十七) js事件
Aug 14 Javascript
jquery实现带二级菜单的导航示例
Apr 28 Javascript
jquery中获得元素尺寸和坐标的方法整理
May 18 Javascript
JavaScript实现的类字典插入或更新方法实例
Jul 10 Javascript
JQuery 的跨域方法推荐_可跨任何网站
May 18 Javascript
详解原生js实现offset方法
Jun 15 Javascript
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
Jun 30 Javascript
javascript 跨域问题以及解决办法
Jul 17 Javascript
vue select选择框数据变化监听方法
Aug 24 Javascript
vue生命周期的探索
Apr 03 Javascript
js设置鼠标悬停改变背景色实现详解
Jun 26 Javascript
JavaScript自定义超时API代码实例
Apr 30 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/10/09 PHP
php分页示例代码
2007/03/19 PHP
PHPStrom 新建FTP项目以及在线操作教程
2016/10/16 PHP
laravel框架模板之公共模板、继承、包含实现方法分析
2019/08/30 PHP
phpfpm的作用和用法
2019/10/10 PHP
在多个页面使用同一个HTML片段《续》
2011/03/04 Javascript
jQuery前台数据获取实现代码
2011/03/16 Javascript
javascript数组遍历for与for in区别详解
2014/12/04 Javascript
基于jquery实现智能表单验证操作
2016/05/09 Javascript
Vue.js每天必学之计算属性computed与$watch
2016/09/05 Javascript
jquery attr()设置和获取属性值实例教程
2016/09/25 Javascript
JavaScript编写九九乘法表(两种任选)
2017/02/04 Javascript
bootstrap模态框示例代码分享
2017/05/17 Javascript
weui框架实现上传、预览和删除图片功能代码
2017/08/24 Javascript
简单的Vue异步组件实例Demo
2017/12/27 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
JS使用iView的Dropdown实现一个右键菜单
2019/05/06 Javascript
如何使用jQuery操作Cookies方法解析
2020/09/08 jQuery
python 中split 和 strip的实例详解
2017/07/12 Python
python简单实例训练(21~30)
2017/11/15 Python
Python requests发送post请求的一些疑点
2018/05/20 Python
5分钟 Pipenv 上手指南
2018/12/20 Python
numpy ndarray 取出满足特定条件的某些行实例
2019/12/05 Python
Python包,__init__.py功能与用法分析
2020/01/07 Python
python matplotlib 绘图 和 dpi对应关系详解
2020/03/14 Python
PyTorch 导数应用的使用教程
2020/08/31 Python
CSS3的新特性介绍
2008/10/31 HTML / CSS
HTML5的表单(绝对特别强大的功能)使用示例
2013/06/20 HTML / CSS
viagogo法国票务平台:演唱会、体育比赛、戏剧门票
2017/03/27 全球购物
高中班长自我鉴定
2013/12/20 职场文书
母亲节演讲稿
2014/05/27 职场文书
2014中学教师节广播稿
2014/09/10 职场文书
2016公司年会通知范文
2015/04/25 职场文书
2015年试用期工作总结范文
2015/05/28 职场文书
一个都不能少观后感
2015/06/04 职场文书
企业反腐倡廉心得体会
2015/08/15 职场文书