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中add实现同时选择两个id对象
Oct 22 Javascript
JS中动态添加事件(绑定事件)的代码
Jan 09 Javascript
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
Sep 20 Javascript
js控制不同的时间段显示不同的css样式的实例代码
Nov 04 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
May 08 Javascript
JavaScipt选取文档元素的方法(推荐)
Aug 05 Javascript
jQuery如何解决IE输入框不能输入的问题
Oct 08 Javascript
使用Node.js给图片加水印的方法
Nov 15 Javascript
angularjs实现table增加tr的方法
Feb 27 Javascript
浅谈javascript中的prototype和__proto__的理解
Apr 07 Javascript
Vue项目中如何使用Axios封装http请求详解
Oct 23 Javascript
js实现自定义右键菜单
May 18 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
Smarty安装配置方法
2008/04/10 PHP
table标签的结构与合并单元格的实现方法
2013/07/24 PHP
在PHP中使用redis
2013/11/04 PHP
thinkphp3.2中Lite文件替换框架入口文件或应用入口文件的方法
2015/05/21 PHP
php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
2016/11/28 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
Laravel框架实现的使用smtp发送邮件功能示例
2019/03/12 PHP
javascript 使td内容不换行不撑开
2012/11/29 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
2013/03/19 Javascript
javascript-简单的日历实现及Date对象语法介绍(附图)
2013/05/30 Javascript
js数组去重的常用方法总结
2014/01/24 Javascript
jQuery实现类似标签风格的导航菜单效果代码
2015/08/25 Javascript
Bootstrap Modal遮罩弹出层(完整版)
2016/11/21 Javascript
JS判断两个对象内容是否相等的方法示例
2017/04/10 Javascript
vue.js选中动态绑定的radio的指定项
2017/06/02 Javascript
利用vscode编写vue的简单配置详解
2017/06/17 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
2017/12/26 Javascript
简单的vuex 的使用案例笔记
2018/04/13 Javascript
Vue中插入HTML代码的方法
2018/09/21 Javascript
python网络编程学习笔记(三):socket网络服务器
2014/06/09 Python
python创造虚拟环境方法总结
2019/03/04 Python
ubuntu 16.04下python版本切换的方法
2019/06/14 Python
python算法题 链表反转详解
2019/07/02 Python
python3.7 使用pymssql往sqlserver插入数据的方法
2019/07/08 Python
python 检查数据中是否有缺失值,删除缺失值的方式
2019/12/02 Python
Python tkinter模版代码实例
2020/02/05 Python
一些PHP的面试题
2015/05/06 面试题
行政管理人员精品工作推荐信
2013/11/04 职场文书
电脑饰品店的创业计划书
2014/01/21 职场文书
函授毕业生自我鉴定范文
2014/03/25 职场文书
贯彻落实“八项规定”思想汇报
2014/09/13 职场文书
个人三严三实对照检查材料思想汇报
2014/09/22 职场文书
2014年少先队工作总结
2014/12/03 职场文书
旷课检讨书范文
2015/01/27 职场文书
vue代码分块和懒加载非必要资源文件
2022/04/11 Vue.js
一文教你快速生成MySQL数据库关系图
2022/06/28 Redis