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 相关文章推荐
jQuery+ajax实现顶一下,踩一下效果
Jul 17 Javascript
使用jQuery获得内容以及内容的属性
Feb 26 Javascript
浅析jQuery 3.0中的Data
Jun 14 Javascript
Js 获取当前函数参数对象的实现代码
Jun 20 Javascript
简单分析javascript中的函数
Sep 10 Javascript
详解webpack es6 to es5支持配置
May 04 Javascript
layerUI下的绑定事件实例代码
Aug 17 Javascript
Vue动态生成表格的行和列
Jul 18 Javascript
基于javascript canvas实现五子棋游戏
Jul 08 Javascript
JS轮播图的实现方法
Aug 24 Javascript
一行JavaScript代码如何实现瀑布流布局
Dec 11 Javascript
微信小程序APP页面的之间的相互传递参数以及自定义组件
Apr 19 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 Xdebug的安装与使用详解
2013/06/20 PHP
php批量转换文件夹下所有文件编码的函数类
2017/08/06 PHP
Laravel事件监听器用法实例分析
2019/03/12 PHP
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
2014/10/17 Javascript
Node.js异步I/O学习笔记
2014/11/04 Javascript
javascript实现根据3原色制作颜色选择器的方法
2015/07/17 Javascript
javascirpt实现2个iframe之间传值的方法
2016/06/30 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
2016/10/25 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
JS简单获取日期相差天数的方法
2017/04/24 Javascript
微信小程序使用modal组件弹出对话框功能示例
2017/11/29 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
2019/09/21 jQuery
解决vue初始化项目时,一直卡在Project description上的问题
2019/10/31 Javascript
小程序实现简单语音聊天的示例代码
2020/07/24 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
2020/07/27 Javascript
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
python抓取最新博客内容并生成Rss
2015/05/17 Python
基于Python Shell获取hostname和fqdn释疑
2016/01/25 Python
详解python调度框架APScheduler使用
2017/03/28 Python
Python对象类型及其运算方法(详解)
2017/07/05 Python
Python排序算法实例代码
2017/08/10 Python
python递归下载文件夹下所有文件
2019/08/31 Python
python使用多线程编写tcp客户端程序
2019/09/02 Python
Python使用requests xpath 并开启多线程爬取西刺代理ip实例
2020/03/06 Python
python使用scapy模块实现ping扫描的过程详解
2021/01/21 Python
Python3+PyCharm+Django+Django REST framework配置与简单开发教程
2021/02/16 Python
CSS的background属性及CSS3的背景图片设置总结
2016/06/13 HTML / CSS
html5使用html2canvas实现浏览器截图的示例
2017/08/31 HTML / CSS
工程地质勘察专业大学生求职信
2013/10/13 职场文书
大专学生推荐信范文
2013/11/19 职场文书
工伤事故赔偿协议书(标准)
2014/09/29 职场文书
劳动争议和解协议书范本
2014/11/20 职场文书
给医院的感谢信
2015/01/21 职场文书
工作失职检讨书
2015/01/26 职场文书