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 相关文章推荐
javascript 常用关键字列表集合
Dec 04 Javascript
获取服务器传来的数据 用JS去空格的正则表达式
Mar 26 Javascript
jquery日历控件实现方法分享
Mar 07 Javascript
Javascript加载速度慢的解决方案
Mar 11 Javascript
Node.js编程中客户端Session的使用详解
Jun 23 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
Oct 06 Javascript
javascript容错处理代码(屏蔽js错误)
Jan 20 Javascript
关于Node.js的events.EventEmitter用法介绍
Apr 01 Javascript
Node.js实现文件上传的示例
Jun 28 Javascript
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
解决js相同的正则多次调用test()返回的值却不同的问题
Oct 10 Javascript
Vue实现附件上传功能
May 28 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
1982年日本摄影师镜头下的中国孩子 那无忧无虑的童年
2020/03/12 杂记
PHP 5.3新特性命名空间规则解析及高级功能
2010/03/11 PHP
php读取torrent种子文件内容的方法(测试可用)
2016/05/03 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
jCallout 轻松实现气泡提示功能
2013/09/22 Javascript
jquery checkbox无法用attr()二次勾选问题的解决方法
2016/07/22 Javascript
Javascript for in的缺陷总结
2017/02/03 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
2017/12/22 Javascript
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
2018/04/21 Javascript
微信小程序实现的3d轮播图效果示例【基于swiper组件】
2018/12/11 Javascript
微信小程序实现搜索指定景点周边美食、酒店
2019/05/18 Javascript
js利用递归与promise 按顺序请求数据的方法
2019/08/30 Javascript
layui默认选中table的CheckBox复选框方法
2019/09/19 Javascript
[02:50]【扭转乾坤,只此一招】DOTA2全新版本永雾林渊开启新篇章
2020/12/24 DOTA
用Python将IP地址在整型和字符串之间轻松转换
2017/03/22 Python
pytorch: tensor类型的构建与相互转换实例
2018/07/26 Python
python dict 相同key 合并value的实例
2019/01/21 Python
Python去除字符串前后空格的几种方法
2019/03/04 Python
Python3爬虫关于代理池的维护详解
2020/07/30 Python
python实现逻辑回归的示例
2020/10/09 Python
numpy实现RNN原理实现
2021/03/02 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
使用HTML和CSS实现的标签云效果(附demo)
2021/02/03 HTML / CSS
中国第一家杂志折扣订阅网:杂志铺
2016/08/30 全球购物
美津浓美国官网:Mizuno美国
2018/08/07 全球购物
Brasty罗马尼亚:购买手表、香水、化妆品、珠宝
2020/04/21 全球购物
如何向接受结构参数的函数传入常数值
2016/02/17 面试题
某同学的自我鉴定范文
2013/12/26 职场文书
主持人婚宴答谢词
2014/01/28 职场文书
2014年单位植树节活动方案
2014/03/23 职场文书
公务员中国梦演讲稿
2014/08/19 职场文书
员工工作能力评语
2014/12/31 职场文书
新店开业策划方案怎么书写?
2019/07/05 职场文书
2019假期福利管理制度!
2019/07/15 职场文书
MySQL创建索引需要了解的
2021/04/08 MySQL