jquery中each遍历对象和数组示例


Posted in Javascript onAugust 05, 2014

 通用遍历方法,可用于遍历对象和数组。$().each(),回调函数拥有两个参数:

第一个为对象的成员或数组的索引,第二个为对应变量或内容。如需退出each循环可使回调函数返回false

现有如下两个select

计划类别: 
<select id="PLANTYPE"> 
<option value="0">-所有-</option> 
<option value="1">新建</option> 
<option value="2">续建</option> 
</select> 
申报类型: 
<select id="AUDITTYPE"> 
<option value="0">-所有-</option> 
<option value="1">申报</option> 
<option value="2">修改</option> 
</select>

使用each方法获取option中的文本值,即 -所有-、新建、续建...

如果只使用一次each循环 可从option处开始

$("option").each(function(index,data){ 
console.info($( data ).text()); 
//或者console.info($(this).text()); 
})

也可从select处开始

$("select").each(function( index,data){ 
$("option", data).each(function(m,n){ 
console.info($(this).text()); 
}) 
})

$("option", data)一定要加上 data或者$("option",this),表示此对象下的option

否则就是所有的option。

--------------------------华丽的分割线-----------------------------

each还有一种用法jQuery.each(object, [callback])
不同于jQuery对象的$().each()方法,此方法可用于例遍任何对象。

用此方法同样遍历上述代码

$.each($("option"),function(index,data){ 
console.info(index+" "+data); 
})

也可以遍历数组

$.each( [0,1,2], function(i, n){ 
console.info( "Index:" + i + ": " + n ); 
});

遍历对象

$.each({ name: "itmyhome", addr: "Beijing" },function(i, n){ 
console.info("Name: " + i + ", Value: " + n); 
});
Javascript 相关文章推荐
date.parse在IE和FF中的区别
Jul 29 Javascript
JavaScript与DOM组合动态创建表格实例
Dec 23 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 Javascript
实例分析js和C#中使用正则表达式匹配a标签
Nov 26 Javascript
js 创建对象 经典模式全面了解
Aug 16 Javascript
vue中使用iview自定义验证关键词输入框问题及解决方法
Mar 26 Javascript
vue-cli项目中使用Mockjs详解
May 14 Javascript
微信小程序实现单选选项卡切换效果
Jun 19 Javascript
vue下使用nginx刷新页面404的问题解决
Aug 02 Javascript
详解JavaScript修改注册表的方法
Jan 05 Javascript
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
Apr 24 Javascript
js 动态修改css文件的方法
Aug 05 #Javascript
JS实现关键字搜索时的相关下拉字段效果
Aug 05 #Javascript
js实现点击后将文字或图片复制到剪贴板的方法
Aug 04 #Javascript
JavaScript中的函数重载深入理解
Aug 04 #Javascript
window.print打印指定div指定网页指定区域的方法
Aug 04 #Javascript
jQuery 删除或是清空某个HTML元素示例
Aug 04 #Javascript
js实现正方形颜色从下往上升的效果
Aug 04 #Javascript
You might like
php 8小时时间差的解决方法小结
2009/12/22 PHP
php header功能的使用
2013/10/28 PHP
简单分析ucenter 会员同步登录通信原理
2014/08/25 PHP
Thinkphp 在api开发中异常返回依然是html的解决方式
2019/10/16 PHP
js关闭父窗口时关闭子窗口
2013/04/01 Javascript
JavaScript网页定位详解
2014/01/13 Javascript
Express作者TJ告别Node.js奔向Go
2014/07/14 Javascript
一个php+js实时显示时间问题
2015/10/12 Javascript
js仿微博实现统计字符和本地存储功能
2015/12/22 Javascript
jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
2016/06/07 Javascript
Bootstrap图片轮播组件使用实例解析
2016/06/30 Javascript
浅谈DOCTYPE对$(window).height()取值的影响
2016/07/21 Javascript
Angularjs 动态添加指令并绑定事件的方法
2017/04/13 Javascript
JavaScript中click和onclick本质区别与用法分析
2018/06/07 Javascript
nodejs实现套接字服务功能详解
2018/06/21 NodeJs
vuex2中使用mapGetters/mapActions报错的解决方法
2018/10/20 Javascript
Python爬虫文件下载图文教程
2018/12/23 Python
在Python中如何传递任意数量的实参的示例代码
2019/03/21 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
Django中自定义模型管理器(Manager)及方法
2019/09/23 Python
Python 利用邮件系统完成远程控制电脑的实现(关机、重启等)
2019/11/19 Python
用Python开发app后端有优势吗
2020/06/29 Python
python 下载m3u8视频的示例代码
2020/11/11 Python
python asyncio 协程库的使用
2021/01/21 Python
HTML5开发动态音频图的实现
2020/07/02 HTML / CSS
英国著名药妆店:Superdrug
2021/02/13 全球购物
八皇后问题,输出了所有情况,不过有些结果只是旋转了90度
2016/08/15 面试题
函授毕业自我鉴定
2013/12/19 职场文书
男方父母证婚词
2014/01/12 职场文书
2014年五一劳动节社区活动总结
2014/04/14 职场文书
取保候审保证书
2014/04/30 职场文书
2014年大学生社会实践自我鉴定
2014/09/26 职场文书
银行党员批评与自我批评
2014/10/15 职场文书
离婚协议书范文2014
2014/10/16 职场文书
网吧管理制度范本
2015/08/05 职场文书
Django操作cookie的实现
2021/05/26 Python