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 打造动态渐变按钮 详细图文教程
Apr 25 Javascript
js复制到剪切板的实例方法
Jun 28 Javascript
在子窗口中关闭父窗口的一句代码
Oct 21 Javascript
jQuery+ajax实现无刷新级联菜单示例
May 21 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
Aug 10 Javascript
完美解决jQuery符号$与其他javascript 库、框架冲突的问题
Aug 09 Javascript
jQuery EasyUI Draggable拖动组件
Mar 01 Javascript
浅谈webpack下的AOP式无侵入注入
Nov 12 Javascript
javascript填充默认头像方法
Feb 22 Javascript
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
Aug 19 Javascript
vue自定义指令用法经典实例小结
Mar 16 Javascript
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
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
【COS正片】蕾姆睡衣cos,纯洁可爱被治愈了 cn名濑弥七
2020/03/02 日漫
网络资源
2006/10/09 PHP
Apache下禁止php文件被直接访问的解决方案
2013/04/25 PHP
php中jpgraph类库的使用介绍
2013/08/08 PHP
PHP实现的浏览器检查类
2016/04/11 PHP
浅谈PHP拦截器之__set()与__get()的理解与使用方法
2016/10/18 PHP
thinkPHP实现的省市区三级联动功能示例
2017/05/05 PHP
Yii框架创建cronjob定时任务的方法分析
2017/05/23 PHP
PHP实现搜索时记住状态的方法示例
2018/05/11 PHP
Laravel配置全局公共函数的方法步骤
2019/05/09 PHP
详解phpstorm2020最新破解方法
2020/09/17 PHP
javaScript checkbox 全选/反选及批量删除
2010/04/28 Javascript
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
2010/08/05 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
2012/05/23 Javascript
Jquery.addClass始终无效原因分析
2013/09/08 Javascript
一个字符串反转函数可实现字符串倒序
2014/09/15 Javascript
JavaScript中的Math.sin()方法使用详解
2015/06/15 Javascript
Javascript 使用ajax与C#获取文件大小实例详解
2017/01/13 Javascript
Angularjs修改密码的实例代码
2017/05/26 Javascript
ES6深入理解之“let”能替代”var“吗?
2017/06/28 Javascript
一个基于react的图片裁剪组件示例
2018/04/18 Javascript
Angularjs实现页面模板清除的方法
2018/07/20 Javascript
关于uniApp editor微信滑动问题
2021/01/15 Javascript
Python中实现结构相似的函数调用方法
2015/03/10 Python
python中sleep函数用法实例分析
2015/04/29 Python
python实现图书管理系统
2018/03/12 Python
opencv python统计及绘制直方图的方法
2019/01/21 Python
Python 没有main函数的原因
2020/07/10 Python
Python 如何反方向迭代一个序列
2020/07/28 Python
mac安装python3后使用pip和pip3的区别说明
2020/09/01 Python
Oracle性能调优原则
2012/05/03 面试题
英语专业学生个人求职信
2014/01/28 职场文书
小区门卫岗位职责范本
2014/08/24 职场文书
防汛通知
2015/04/25 职场文书
演讲稿:态度决定一切
2019/04/02 职场文书
争做文明公民倡议书
2019/06/24 职场文书