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 相关文章推荐
限制文本框输入N个字符的js代码
May 13 Javascript
asp.net+js 实现无刷新上传解析csv文件的代码
May 17 Javascript
提取字符串中年月日的函数代码
Nov 05 Javascript
js对象的复制继承实例
Jan 10 Javascript
javascript实现鼠标拖动改变层大小的方法
Apr 30 Javascript
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
重新认识vue之事件阻止冒泡的实现
Aug 02 Javascript
vue组件之间的数据传递方法详解
Apr 19 Javascript
微信小程序云开发之使用云函数
May 17 Javascript
简单了解Javscript中兄弟ifream的方法调用
Jun 17 Javascript
解决js中的setInterval清空定时器不管用问题
Nov 17 Javascript
vue绑定class的三种方法
Dec 24 Vue.js
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 无限级分类学习参考之对ecshop无限级分类的解析 带详细注释
2010/03/23 PHP
php生成RSS订阅的方法
2015/02/13 PHP
php 类自动载入的方法
2015/06/03 PHP
PHP中生成UUID自定义函数分享
2015/06/10 PHP
4种PHP异步执行的常用方式
2015/12/24 PHP
PHP序列化操作方法分析
2016/09/28 PHP
模仿JQuery.extend函数扩展自己对象的js代码
2009/12/09 Javascript
JS在IE和FireFox之间常用函数的区别小结
2010/03/12 Javascript
js中字符替换函数String.replace()使用技巧
2011/08/14 Javascript
jQuery-serialize()输出序列化form表单值的方法
2012/12/26 Javascript
Jquery AJAX POST与GET之间的区别
2013/11/14 Javascript
jquery禁止输入数字以外的字符的示例(纯数字验证码)
2014/04/10 Javascript
jquery.idTabs 选项卡使用示例代码
2014/09/03 Javascript
详谈JavaScript 匿名函数及闭包
2014/11/14 Javascript
jquery判断复选框是否选中进行答题提示特效
2015/12/10 Javascript
详解基于webpack和vue.js搭建开发环境
2017/04/05 Javascript
让微信小程序支持ES6中Promise特性的方法详解
2017/06/13 Javascript
详解vue.js之绑定class和style的示例代码
2017/08/24 Javascript
微信小程序简单实现form表单获取输入数据功能示例
2017/11/30 Javascript
React 组件转 Vue 组件的命令写法
2018/02/28 Javascript
使用jquery DataTable和ajax向页面显示数据列表的方法
2018/08/09 jQuery
Vue源码探究之状态初始化
2018/11/14 Javascript
微信小程序中button去除默认的边框实例代码
2019/08/01 Javascript
详解JavaScript自定义函数
2020/07/29 Javascript
Python 随机生成中文验证码的实例代码
2013/03/20 Python
python实现搜索本地文件信息写入文件的方法
2016/02/22 Python
python中多层嵌套列表的拆分方法
2018/07/02 Python
opencv与numpy的图像基本操作
2019/03/08 Python
Python3内置模块pprint让打印比print更美观详解
2019/06/02 Python
selenium跳过webdriver检测并模拟登录淘宝
2019/06/12 Python
Python 实现交换矩阵的行示例
2019/06/26 Python
Club Monaco加拿大官网:设计师男女服装
2019/09/29 全球购物
璀璨的珍珠、密钉和个性化珠宝:Lily & Roo
2021/01/21 全球购物
旷课检讨书
2015/01/26 职场文书
OpenCV-Python实现油画效果的实例
2021/06/08 Python
java如何实现获取客户端ip地址的示例代码
2022/04/07 Java/Android