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 相关文章推荐
用js实现下载远程文件并保存在本地的脚本
May 06 Javascript
精选的10款用于构建良好易用性网站的jQuery插件
Jan 23 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
Jan 11 Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 Javascript
javascript简单性能问题及学习笔记
Feb 04 Javascript
js判断一个字符串是否包含一个子串的方法
Jan 26 Javascript
理解javascript模块化
Mar 28 Javascript
详解VueJs异步动态加载块
Mar 09 Javascript
zTree异步加载展开第一级节点的实现方法
Sep 05 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
Jan 31 Javascript
Mint UI组件库CheckList使用及踩坑总结
Dec 20 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
Sep 07 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
深入了解php4(2)--重访过去
2006/10/09 PHP
Php 构造函数construct的前下划线是双的_
2009/12/08 PHP
php小技巧 把数组的键和值交换形成了新的数组,查找值取得键
2011/06/02 PHP
php中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
php可应用于面包屑导航的递归寻找家谱树实现方法
2015/02/02 PHP
详谈symfony window下的安装 安装时候出现的问题以及解决方法
2017/09/28 PHP
PHP7引入的&quot;??&quot;和&quot;?:&quot;的区别讲解
2019/04/08 PHP
javascript是怎么继承的介绍
2012/01/05 Javascript
toggle一个div显示或隐藏且可扩展成自定义下拉框
2013/09/12 Javascript
深入领悟JavaScript中的面向对象
2013/11/18 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
2016/05/04 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
2016/10/28 Javascript
jQuery实现判断控件是否显示的方法
2017/01/11 Javascript
JS跨域请求外部服务器的资源
2017/02/06 Javascript
js实现图片粘贴上传到服务器并展示的实例
2017/11/08 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
2017/12/19 Javascript
vue实现的请求服务器端API接口示例
2019/05/25 Javascript
node.js实现简单的压缩/解压缩功能示例
2019/11/05 Javascript
在vue中阻止浏览器后退的实例
2019/11/06 Javascript
vue数据更新UI不刷新显示的解决办法
2020/08/06 Javascript
详解JavaScript类型判断的四种方法
2020/10/21 Javascript
python解析中国天气网的天气数据
2014/03/21 Python
通过Python来使用七牛云存储的方法详解
2015/08/07 Python
Python脚本获取操作系统版本信息
2016/12/17 Python
python 3利用BeautifulSoup抓取div标签的方法示例
2017/05/28 Python
Python3编程实现获取阿里云ECS实例及监控的方法
2017/08/18 Python
Python微信公众号开发平台
2018/01/25 Python
Python的历史与优缺点整理
2020/05/26 Python
如何使用python记录室友的抖音在线时间
2020/06/29 Python
python 用struct模块解决黏包问题
2020/11/07 Python
html5实现完美兼容各大浏览器的播放器
2014/12/26 HTML / CSS
AHAVA美国官方网站:死海海泥护肤品牌
2016/10/18 全球购物
项目申报专员岗位职责
2014/07/09 职场文书
工作证明书
2015/06/15 职场文书
PHP命令行与定时任务
2021/04/01 PHP
CSS精灵图的原理与使用方法介绍
2022/03/17 HTML / CSS