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 相关文章推荐
popdiv
Jul 14 Javascript
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
Nov 24 Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
Oct 11 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
js实现表单多按钮提交action的处理方法
Oct 24 Javascript
jquery实现的V字形显示效果代码
Oct 27 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
Jun 06 Javascript
vue 引入公共css文件的简单方法(推荐)
Jan 20 Javascript
vue.js input框之间赋值方法
Aug 24 Javascript
vue 内联样式style中的background用法说明
Aug 05 Javascript
JS如何判断对象是否包含某个属性
Aug 29 Javascript
Vue实现动态查询规则生成组件
May 27 Vue.js
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
模仿OSO的论坛(三)
2006/10/09 PHP
php的list()的一步操作给一组变量进行赋值的使用
2011/05/18 PHP
PHP数据库链接类(PDO+Access)实例分享
2013/12/05 PHP
ThinkPHP字符串函数及常用函数汇总
2014/07/18 PHP
PHP图片库imagemagick安装方法
2014/09/23 PHP
php广告加载类用法实例
2014/09/23 PHP
set_exception_handler函数在ThinkPHP中的用法
2014/10/31 PHP
CodeIgniter 完美解决URL含有中文字符串
2016/05/13 PHP
PHP对象、模式与实践之高级特性分析
2016/12/08 PHP
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
JavaScript NaN和Infinity特殊值 [译]
2012/09/20 Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
2014/01/27 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
2015/08/07 Javascript
使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法
2015/09/16 Javascript
JQuery ztree带筛选、异步加载实例讲解
2016/02/25 Javascript
探讨AngularJs中ui.route的简单应用
2016/11/16 Javascript
详解js的异步编程技术的方法
2017/02/09 Javascript
zTree异步加载展开第一级节点的实现方法
2017/09/05 Javascript
使用Vue构建可重用的分页组件
2018/03/26 Javascript
总结JavaScript在IE9之前版本中内存泄露问题
2018/04/28 Javascript
解析Json字符串的三种方法日常常用
2018/05/02 Javascript
vue项目在线上服务器访问失败原因分析
2020/08/14 Javascript
[46:47]完美世界DOTA2联赛PWL S2 FTD vs Magma 第二场 11.20
2020/11/23 DOTA
python批量下载图片的三种方法
2013/04/22 Python
Python+OpenCV实现旋转文本校正方式
2020/01/09 Python
PyCharm 专业版安装图文教程
2020/02/20 Python
Python编程快速上手——正则表达式查找功能案例分析
2020/02/28 Python
python解包用法详解
2021/02/17 Python
AMAVII眼镜官网:时尚和设计师太阳镜
2019/05/05 全球购物
ABOUT YOU匈牙利:500个最受欢迎的时尚品牌
2019/07/19 全球购物
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
会计师事务所审计实习自我鉴定
2013/09/20 职场文书
自荐信不宜过于夸大
2013/11/06 职场文书
2014年高中班主任工作总结
2014/11/08 职场文书
孔繁森观后感
2015/06/10 职场文书
「月刊Action」2022年5月号封面公开
2022/03/21 日漫