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 Event学习补遗 addEventSimple
Feb 11 Javascript
JavaScript实现关键字高亮功能
Nov 12 Javascript
JavaScript使用RegExp进行正则匹配的方法
Jul 11 Javascript
JS实现网页上随机产生超链接地址的方法
Nov 09 Javascript
javascript实现简单计算器效果【推荐】
Apr 19 Javascript
一分钟理解js闭包
May 04 Javascript
JavaScript实战之带收放动画效果的导航菜单
Aug 16 Javascript
jquery.validate表单验证插件使用方法解析
Nov 07 Javascript
动态Axios的配置步骤详解
Jan 12 Javascript
解决Layui 表单提交数据为空的问题
Aug 15 Javascript
three.js实现圆柱体
Dec 30 Javascript
Vue实现开关按钮拖拽效果
Sep 22 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 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
PHP 多维数组排序(usort,uasort)
2010/06/30 PHP
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
PHP is_subclass_of函数的一个BUG和解决方法
2014/06/01 PHP
PHP模板解析类实例
2015/07/09 PHP
PHP进阶学习之命名空间基本用法分析
2019/06/18 PHP
js返回上一页并刷新的多种实现方法
2014/02/26 Javascript
jquery实现倒计时代码分享
2014/06/13 Javascript
Javascript控制input输入时间格式的方法
2015/01/28 Javascript
js实现touch移动触屏滑动事件
2015/04/17 Javascript
JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例
2015/04/22 Javascript
Jquery中$.post和$.ajax的用法小结
2015/04/28 Javascript
jquery限定文本框只能输入数字(整数和小数)
2016/01/08 Javascript
JavaScript中的this,call,apply使用及区别详解
2016/01/29 Javascript
jQuery点击其他地方时菜单消失的实现方法
2016/04/22 Javascript
用jQuery获取table中行id和td值的实现代码
2016/05/19 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
微信小程序 登录的简单实现
2017/04/19 Javascript
angular中使用Socket.io实例代码
2017/06/03 Javascript
JS创建自定义对象的六种方法总结
2020/12/15 Javascript
在Python中移动目录结构的方法
2016/01/31 Python
利用Python代码实现数据可视化的5种方法详解
2018/03/25 Python
10分钟教你用Python实现微信自动回复功能
2018/11/28 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
Anaconda和ipython环境适配的实现
2020/04/22 Python
Python列表去重复项的N种方法(实例代码)
2020/05/12 Python
BSTN意大利:德国街头和运动文化高品质商店
2020/12/22 全球购物
送给程序员的20个Java集合面试问题
2014/08/06 面试题
小型女装店的创业计划书
2014/01/09 职场文书
信访工作经验交流材料
2014/05/23 职场文书
纪检干部现实表现材料
2014/08/21 职场文书
运动会搞笑广播稿
2014/10/14 职场文书
总经理岗位职责范本
2015/04/01 职场文书
复兴之路观后感
2015/06/02 职场文书
JS Canvas接口和动画效果大全
2021/04/29 Javascript
javascript进阶篇深拷贝实现的四种方式
2022/07/07 Javascript