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 相关文章推荐
如何在Web页面上直接打开、编辑、创建Office文档
Mar 12 Javascript
JavaScript 对话框和状态栏使用说明
Oct 25 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
Mar 01 Javascript
jquery图片不完全按比例自动缩小的简单代码
Jul 29 Javascript
Jquery解析json字符串及json数组的方法
May 29 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
js仿微信公众平台打标签功能
Apr 08 Javascript
使用vue制作FullPage页面滚动效果
Aug 21 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
Aug 29 jQuery
JS设置自定义快捷键并实现图片上下左右移动
Oct 17 Javascript
浅析Vue 中的 render 函数
Feb 28 Javascript
关于Javascript闭包与应用的详解
Apr 22 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
PHP 和 COM
2006/10/09 PHP
Mysql中limit的用法方法详解与注意事项
2008/04/19 PHP
理解PHP中的stdClass类
2014/04/18 PHP
ThinkPHP权限认证Auth实例详解
2014/07/22 PHP
php中strtotime函数用法详解
2014/11/15 PHP
PHP和Shell实现检查SAMBA与NFS Server是否存在
2015/01/07 PHP
php5.4传引用时报错问题分析
2016/01/22 PHP
PHP 开发者该知道的 5 个 Composer 小技巧
2016/02/03 PHP
yii框架搜索分页modle写法
2016/12/19 PHP
详解ThinkPHP3.2.3验证码显示、刷新、校验
2016/12/29 PHP
Phpstorm+Xdebug断点调试PHP的方法
2018/05/14 PHP
Mootools 1.2教程 输入过滤第一部分(数字)
2009/09/15 Javascript
jQuery实现瀑布流布局
2014/12/12 Javascript
利用Jquery队列实现根据输入数量显示的动画
2016/09/01 Javascript
react实现菜单权限控制的方法
2017/12/11 Javascript
vue2.0 常用的 UI 库实例讲解
2017/12/12 Javascript
详解如何优雅地在React项目中使用Redux
2017/12/28 Javascript
js 索引下标之li集合绑定点击事件
2018/01/12 Javascript
JS防抖和节流实例解析
2019/09/24 Javascript
浅谈Vue.set实际上是什么
2019/10/17 Javascript
Python中使用Flask、MongoDB搭建简易图片服务器
2015/02/04 Python
python操作redis的方法
2015/07/07 Python
使用pyinstaller打包PyQt4程序遇到的问题及解决方法
2019/06/24 Python
python卸载后再次安装遇到的问题解决
2019/07/10 Python
在Python中画图(基于Jupyter notebook的魔法函数)
2019/10/28 Python
python3 实现函数写文件路径的正确方法
2019/11/27 Python
python从zip中删除指定后缀文件(推荐)
2019/12/05 Python
tensorflow的ckpt及pb模型持久化方式及转化详解
2020/02/12 Python
2021年值得向Python开发者推荐的VS Code扩展插件
2021/01/25 Python
婚前协议书范本两则
2014/10/16 职场文书
2015年小学辅导员工作总结
2015/05/27 职场文书
2019邀请函格式及范文
2019/05/20 职场文书
写作技巧:如何撰写商业计划书
2019/08/08 职场文书
企业转让协议书(范文2篇)
2019/08/15 职场文书
python 中的jieba分词库
2021/11/23 Python
SQL Server的存储过程与触发器以及系统函数和自定义函数
2022/04/10 SQL Server