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写的日历类(基于pj)
Dec 28 Javascript
基于jquery实现拆分姓名的方法(纯JS版)
May 08 Javascript
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
Feb 12 Javascript
transport.js和jquery冲突问题的解决方法
Feb 10 Javascript
EasyUI中在表单提交之前进行验证
Jul 19 Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
Sep 20 Javascript
JS实现的几个常用算法
Nov 12 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
Dec 01 Javascript
Angular6 正则表达式允许输入部分中文字符
Sep 10 Javascript
js笔试题-接收get请求参数
Jun 15 Javascript
vue+高德地图实现地图搜索及点击定位操作
Sep 09 Javascript
React中使用Vditor自定义图片详解
Dec 25 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音乐采集(部分代码)
2007/02/14 PHP
php 阴历-农历-转换类代码
2012/01/16 PHP
php变量范围介绍
2012/10/15 PHP
php循环创建目录示例分享(php创建多级目录)
2014/03/04 PHP
php截取指定2个字符之间字符串的方法
2015/04/15 PHP
详解PHP函数 strip_tags 处理字符串缺陷bug
2017/06/11 PHP
PHP中十六进制颜色与RGB颜色值互转的方法
2019/03/18 PHP
PHP超低内存遍历目录文件和读取超大文件的方法
2019/05/01 PHP
js 获取计算后的样式写法及注意事项
2013/02/25 Javascript
JavaScript对象的property属性详解
2014/04/01 Javascript
jQuery中 attr() 方法使用小结
2015/05/03 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
2016/11/24 Javascript
Vue2递归组件实现树形菜单
2017/04/10 Javascript
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
JavaScript常用截取字符串的三种方式用法区别实例解析
2018/05/15 Javascript
React学习笔记之高阶组件应用
2018/06/02 Javascript
微信小程序http连接访问解决方案的示例
2018/11/05 Javascript
详解Vue 项目中的几个实用组件(ts)
2019/10/29 Javascript
JS数组及对象遍历方法代码汇总
2020/06/16 Javascript
[07:52]2014DOTA2 TI逗比武士游V社解说背后的故事
2014/07/10 DOTA
python调用Moxa PCOMM Lite通过串口Ymodem协议实现发送文件
2014/08/15 Python
python实现批量获取指定文件夹下的所有文件的厂商信息
2014/09/28 Python
python多重继承实例
2014/10/11 Python
Python的包管理器pip更换软件源的方法详解
2016/06/20 Python
Python加密方法小结【md5,base64,sha1】
2017/07/13 Python
Python实现合并同一个文件夹下所有txt文件的方法示例
2018/04/26 Python
python爬虫之urllib3的使用示例
2018/07/09 Python
django框架事务处理小结【ORM 事务及raw sql,customize sql 事务处理】
2019/06/27 Python
Python程序暂停的正常处理方法
2019/11/07 Python
Python连接HDFS实现文件上传下载及Pandas转换文本文件到CSV操作
2020/06/06 Python
PyInstaller运行原理及常用操作详解
2020/06/13 Python
css3 中实现炫酷的loading效果
2019/04/26 HTML / CSS
如何利用find命令查找文件
2016/11/18 面试题
小学评语大全
2014/04/22 职场文书
Redis高级数据类型Hyperloglog、Bitmap的使用
2021/05/24 Redis