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 相关文章推荐
解密效果
Jun 23 Javascript
Ajax一统天下之Dojo整合篇
Mar 24 Javascript
JavaScript中的对象化编程
Jan 16 Javascript
ExtJS 入门
Oct 29 Javascript
浅析javascript闭包 实例分析
Dec 25 Javascript
超级简单实现JavaScript MVC 样式框架
Mar 24 Javascript
jquery插件pagination实现无刷新ajax分页
Sep 30 Javascript
javascript字符串替换函数如何一次性全部替换掉
Oct 30 Javascript
详解angular如何调用HTML字符串的方法
Jun 30 Javascript
JS构造一个html文本内容成文件流形式发送到后台
Jul 31 Javascript
Vue CLI3中使用compass normalize的方法
May 30 Javascript
JavaScript实例 ODO List分析
Jan 22 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 header示例代码(推荐)
2010/09/08 PHP
ThinkPHP的MVC开发机制实例解析
2014/08/23 PHP
PHP获取数组最大值下标的方法
2015/05/12 PHP
PHP导出带样式的Excel示例代码
2016/08/28 PHP
YUI 读码日记之 YAHOO.lang.is*
2008/03/22 Javascript
JQuery 国际象棋棋盘 实现代码
2009/06/26 Javascript
jquery 常用操作整理 基础入门篇
2009/10/14 Javascript
通过javascript设置css属性的代码
2009/12/28 Javascript
JS+CSS实现另类带提示效果的竖向导航菜单
2015/10/15 Javascript
Javascript中匿名函数的调用与写法实例详解(多种)
2016/01/26 Javascript
JavaScript实现复制内容到粘贴板代码
2016/03/31 Javascript
基于Bootstrap的Metronic框架实现条码和二维码的生成及打印处理操作
2016/08/29 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
2017/05/08 jQuery
关于vue单文件中引用路径的处理方法
2018/01/08 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
2018/12/11 Javascript
Jquery的autocomplete插件用法及参数讲解
2019/03/12 jQuery
使用Node.js在深度学习中做图片预处理的方法
2019/09/18 Javascript
vue.js实现三级菜单效果
2019/10/19 Javascript
基于Vue中使用节流Lodash throttle详解
2019/10/30 Javascript
跟老齐学Python之print详解
2014/09/28 Python
python列表操作之extend和append的区别实例分析
2015/07/28 Python
简单易懂的python环境安装教程
2017/07/13 Python
Django 浅谈根据配置生成SQL语句的问题
2018/05/29 Python
django搭建项目配置环境和创建表过程详解
2019/07/22 Python
Python3实现建造者模式的示例代码
2020/06/28 Python
Feelunique德国官方网站:欧洲最大的在线美容零售商
2019/07/20 全球购物
数百万免费的图形资源:Freepik
2020/09/21 全球购物
高级方案规划工程师岗位职责
2013/11/29 职场文书
市三好学生主要事迹
2014/01/28 职场文书
监察建议书范文
2014/03/12 职场文书
2015年度党员自我评价范文
2015/03/03 职场文书
外贸英文求职信范文
2015/03/19 职场文书
甜美蛋糕店的创业计划书模板,拿来即用!
2019/08/21 职场文书
mysql优化
2021/04/06 MySQL
Windows Server 2008 修改远程登录端口以及配置防火墙
2022/04/28 Servers
django项目、vue项目部署云服务器的详细过程
2022/07/23 Servers