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 获取链接(url)参数的方法
Feb 15 Javascript
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
Jul 03 Javascript
js setTimeout 常见问题小结
Aug 13 Javascript
JS如何判断移动端访问设备并解析对应CSS
Nov 27 Javascript
使用变量动态设置js的属性名
Oct 19 Javascript
director.js实现前端路由使用实例
Feb 03 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
Jan 04 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
Aug 24 Javascript
浅谈js函数的多种定义方法与区别
Nov 29 Javascript
js鼠标移动时禁止选中文字
Feb 19 Javascript
JS中的模糊查询功能
Dec 08 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
Dec 24 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中操作ini配置文件的方法
2013/04/25 PHP
屏蔽F1~F12的快捷键的js函数
2010/05/06 Javascript
jQuery判断iframe中元素是否存在的方法
2013/05/11 Javascript
JS验证控制输入中英文字节长度(input、textarea等)具体实例
2013/06/21 Javascript
简化版手机端照片预览组件
2015/04/13 Javascript
简介JavaScript中toTimeString()方法的使用
2015/06/12 Javascript
javascript获取网页宽高方法汇总
2015/07/19 Javascript
angular学习之ngRoute路由机制
2017/04/12 Javascript
详解webpack异步加载业务模块
2017/06/23 Javascript
JS+canvas实现的五子棋游戏【人机大战版】
2017/07/19 Javascript
jQuery实现的简单无刷新评论功能示例
2017/11/08 jQuery
使用Vue开发一个实时性时间转换指令
2018/01/17 Javascript
快速解决select2在bootstrap模态框中下拉框隐藏的问题
2018/08/10 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
2018/10/09 Javascript
仿vue-cli搭建属于自己的脚手架的方法步骤
2019/04/17 Javascript
微信小程序云函数添加数据到数据库的方法
2020/03/04 Javascript
[00:11]战神迅矛
2019/03/06 DOTA
Python 面向对象 成员的访问约束
2008/12/23 Python
python字符串连接的N种方式总结
2014/09/17 Python
在Python中使用sort()方法进行排序的简单教程
2015/05/21 Python
django+echart绘制曲线图的方法示例
2018/11/26 Python
python3使用GUI统计代码量
2019/09/18 Python
修改Pandas的行或列的名字(重命名)
2019/12/18 Python
详解Windows下PyCharm安装Numpy包及无法安装问题解决方案
2020/06/18 Python
10 套华丽的CSS3 按钮小结
2012/10/03 HTML / CSS
CSS3的常见transformation图形变化用法小结
2016/05/13 HTML / CSS
css3 中translate和transition的使用方法
2020/03/26 HTML / CSS
浅谈移动端网页图片预加载方案
2018/11/05 HTML / CSS
会计电算化应届生求职信
2013/11/03 职场文书
海飞丝广告词
2014/03/20 职场文书
优秀的应届生自荐信
2014/05/23 职场文书
副总经理岗位职责范本
2014/09/30 职场文书
群众路线四风对照检查材料
2014/11/04 职场文书
个人收入证明范本
2015/06/12 职场文书
Python中文纠错的简单实现
2021/07/07 Python
css3带你实现3D转换效果
2022/02/24 HTML / CSS