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 相关文章推荐
FireFox与IE 下js兼容触发click事件的代码
Nov 20 Javascript
图像替换新技术 状态域方法
Jan 28 Javascript
JavaScript实现添加、查找、删除元素
Jul 02 Javascript
javascript如何操作HTML下拉列表标签
Aug 20 Javascript
js图片轮播手动切换特效
Jan 12 Javascript
详解AngularJS controller调用factory
May 19 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
Jun 14 Javascript
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
Jul 31 Javascript
老生常谈js数据类型
Aug 03 Javascript
使用Angular 6创建各种动画效果的方法
Oct 10 Javascript
JS监听组合按键思路及实现过程
Apr 17 Javascript
vue组件vue-esign实现电子签名
Apr 21 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
多php服务器实现多session并发运行
2006/10/09 PHP
PHP curl 并发最佳实践代码分享
2012/09/05 PHP
PHP解压ZIP文件到指定文件夹的方法
2016/11/17 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
JQuery的ajax获取数据后的处理总结(html,xml,json)
2010/07/14 Javascript
判断客户端浏览器是否安装了Flash插件的多种方法
2010/08/11 Javascript
『jQuery』.html(),.text()和.val()的概述及使用
2013/04/22 Javascript
javascipt匹配单行和多行注释的正则表达式
2013/11/20 Javascript
PHP和NodeJs开发的应用如何共用Session
2015/04/16 NodeJs
jQuery实现Tab菜单滚动切换的方法
2015/09/21 Javascript
ES6学习笔记之Set和Map数据结构详解
2017/04/07 Javascript
Javascript操作dom对象之select全面解析
2017/04/24 Javascript
jQuery实现拖动效果的实例代码
2017/06/25 jQuery
关于JavaScript的单双引号嵌套问题
2017/08/20 Javascript
vue+animation实现翻页动画
2020/06/29 Javascript
[00:32]DOTA2上海特级锦标赛 COL战队宣传片
2016/03/04 DOTA
python批量修改文件后缀示例代码分享
2013/12/24 Python
selenium+python环境配置教程详解
2019/05/28 Python
django自带调试服务器的使用详解
2019/08/29 Python
Python将列表中的元素转化为数字并排序的示例
2019/12/25 Python
简单了解python列表和元组的区别
2020/05/14 Python
python中plt.imshow与cv2.imshow显示颜色问题
2020/07/16 Python
Python pip install之SSL异常处理操作
2020/09/03 Python
css3实现可滑动跳转的分页插件示例
2014/05/08 HTML / CSS
HTML5 通过Vedio标签实现视频循环播放的示例代码
2020/08/05 HTML / CSS
白宫黑市官网:White House Black Market
2016/11/17 全球购物
巴西最大的珠宝连锁店:Vivara
2019/04/18 全球购物
美国购买韩国护肤和美容产品网站:Althea Korea
2020/11/16 全球购物
大学学年自我鉴定
2013/10/28 职场文书
十佳青年事迹材料
2014/08/21 职场文书
党员“四风”方面存在问题及整改措施
2014/09/24 职场文书
2015小学毕业班工作总结
2015/07/21 职场文书
工作感言一句话
2015/08/01 职场文书
2019年销售人员的职业生涯规划书
2019/03/25 职场文书
2022漫威和DC电影上映作品
2022/04/05 欧美动漫
Win11软件图标固定到任务栏
2022/04/19 数码科技