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 相关文章推荐
载入进度条 效果
Jul 08 Javascript
javascript学习基础笔记之DOM对象操作
Nov 03 Javascript
javaScript 删除字符串空格多种方法小结
Oct 24 Javascript
比较常见的javascript中定义函数的区别
Nov 09 Javascript
JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面
Aug 04 Javascript
js实现类bootstrap模态框动画
Feb 07 Javascript
兼容浏览器的js事件绑定函数(详解)
May 09 Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
element-ui中的select下拉列表设置默认值方法
Aug 24 Javascript
详解js实时获取并显示当前时间的方法
May 10 Javascript
关于vue项目中搜索节流的实现代码
Sep 17 Javascript
ES6函数实现排它两种写法解析
May 13 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
4.与数据库的连接
2006/10/09 PHP
我的论坛源代码(十)
2006/10/09 PHP
PHP中for循环语句的几种变型
2006/11/26 PHP
PHP 的几个配置文件函数
2006/12/21 PHP
使用PHP获取当前url路径的函数以及服务器变量
2013/06/29 PHP
PHP实现将多个文件中的内容合并为新文件的方法示例
2017/06/10 PHP
javascript采用数组实现tab菜单切换效果
2012/12/12 Javascript
js或jquery实现页面打印可局部打印
2014/03/27 Javascript
C++中的string类的用法小结
2015/08/07 Javascript
nodejs+express实现文件上传下载管理网站
2017/03/15 NodeJs
纯JS实现只能输入数字的简单代码
2017/06/21 Javascript
实例分析js事件循环机制
2017/12/13 Javascript
详解js类型判断
2018/05/22 Javascript
Vue表单demo v-model双向绑定问题
2018/06/29 Javascript
详解Koa中更方便简单发送响应的方式
2018/07/20 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
2020/12/24 Javascript
Python实现将json文件中向量写入Excel的方法
2018/03/26 Python
使用python验证代理ip是否可用的实现方法
2018/07/25 Python
python django model联合主键的例子
2019/08/06 Python
python二进制读写及特殊码同步实现详解
2019/10/11 Python
解决更改AUTH_USER_MODEL后出现的问题
2020/05/14 Python
Python confluent kafka客户端配置kerberos认证流程详解
2020/10/12 Python
俄罗斯宠物用品网上商店:ZooMag
2019/12/12 全球购物
中软Java笔试题
2012/11/11 面试题
老师推荐信
2013/10/28 职场文书
计算机专业毕业生求职信分享
2013/12/24 职场文书
创业计划书中包含的9个方面
2013/12/26 职场文书
后备干部培训方案
2014/05/22 职场文书
村党支部公开承诺书
2014/05/29 职场文书
2014办公室副主任四风对照检查材料思想汇报
2014/09/20 职场文书
群众路线教育实践活动剖析材料
2014/09/30 职场文书
2015年护士节慰问信
2015/03/23 职场文书
餐厅保洁员岗位职责
2015/04/10 职场文书
瞿秋白纪念馆观后感
2015/06/10 职场文书
北京大学中文系教授推荐的10本小说
2019/08/08 职场文书
Python办公自动化之Excel(中)
2021/05/24 Python