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 相关文章推荐
JQuery 应用 JQuery.groupTable.js
Dec 15 Javascript
zTree插件之多选下拉菜单实例代码
Nov 06 Javascript
window.print打印指定div指定网页指定区域的方法
Aug 04 Javascript
js实现window.open不被拦截的解决方法汇总
Oct 30 Javascript
理解javascript闭包
Dec 15 Javascript
javascript实现dom元素可拖动
Mar 21 Javascript
浅析jQuery 遍历函数,javascript中的each遍历
May 25 Javascript
Javascript中将变量转换为字符串的三种方法
Sep 19 Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
微信小程序开发背景图显示功能
Aug 08 Javascript
jquery实现动态创建form并提交的方法示例
May 27 jQuery
vue使用微信JS-SDK实现分享功能
Aug 23 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与C#分别格式化文件大小的代码
2011/05/14 PHP
php XPath对XML文件查找及修改实现代码
2011/07/27 PHP
四个常见html网页乱码问题及解决办法
2015/09/08 PHP
如何使用GDB调试PHP程序
2015/12/08 PHP
php服务器的系统详解
2019/10/12 PHP
利用jQuery操作对象数组的实现代码
2011/04/27 Javascript
如何使用Bootstrap的modal组件自定义alert,confirm和modal对话框
2016/03/01 Javascript
浅谈$('div a') 与$('div&gt;a')的区别
2016/07/18 Javascript
浅谈nodejs中的类定义和继承的套路
2017/07/26 NodeJs
Js中将Long转换成日期格式的实现方法
2018/06/05 Javascript
详解redux异步操作实践
2018/08/15 Javascript
jQuery实现模拟搜索引擎的智能提示功能简单示例
2019/01/27 jQuery
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
2019/04/08 Javascript
js+html实现周岁年龄计算器
2019/06/25 Javascript
Vue使用NProgress的操作过程解析
2019/10/10 Javascript
微信小程序可滑动周日历组件使用详解
2019/10/21 Javascript
[01:53]3.19 DOTA2发布会 现场精彩Coser表演
2014/03/25 DOTA
[54:57]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第二场 1月8日
2021/03/11 DOTA
用Python编写web API的教程
2015/04/30 Python
python中self原理实例分析
2015/04/30 Python
详解Python验证码识别
2016/01/25 Python
Ruby使用eventmachine为HTTP服务器添加文件下载功能
2016/04/20 Python
Python使用cookielib模块操作cookie的实例教程
2016/07/12 Python
Python使用修饰器执行函数的参数检查功能示例
2017/09/26 Python
python按行读取文件,去掉每行的换行符\n的实例
2018/04/19 Python
Python3中内置类型bytes和str用法及byte和string之间各种编码转换 问题
2018/09/27 Python
解决python中无法自动补全代码的问题
2018/12/04 Python
pyQT5 实现窗体之间传值的示例
2019/06/20 Python
python 插入日期数据到Oracle实例
2020/03/02 Python
python使用PIL剪切和拼接图片
2020/03/23 Python
Python3操作读写CSV文件使用包过程解析
2020/04/10 Python
英国知名小木屋定制网站:Tiger Sheds
2020/03/06 全球购物
党建工作先进材料
2014/05/02 职场文书
十佳护士先进事迹
2014/05/08 职场文书
使用goaccess分析nginx日志的详细方法
2021/07/09 Servers
Python Pygame实战在打砖块游戏的实现
2022/03/17 Python