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 获取事件对象的注意点
Jul 29 Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
Feb 03 Javascript
JavaScript中数组对象的那些自带方法介绍
Mar 12 Javascript
jQuery过滤选择器:not()方法使用介绍
Apr 20 Javascript
使用jQuery实现返回顶部
Jan 26 Javascript
HTML5使用DeviceOrientation实现摇一摇功能
Jun 05 Javascript
Bootstrap缩略图的创建方法
Mar 22 Javascript
js CSS3实现卡牌旋转切换效果
Jul 04 Javascript
vue router自动判断左右翻页转场动画效果
Oct 10 Javascript
vue store之状态管理模式的详细介绍
Jun 13 Javascript
小程序实现录音功能
Sep 22 Javascript
如何手写一个简易的 Vuex
Oct 10 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
单点登录 Ucenter示例分析
2013/10/29 PHP
php 发送带附件邮件示例
2014/01/23 PHP
一个简单安全的PHP验证码类、PHP验证码
2016/09/24 PHP
Yii框架使用魔术方法实现跨文件调用功能示例
2017/05/20 PHP
PHP封装cURL工具类与应用示例
2019/07/01 PHP
用js 让图片在 div或dl里 居中,底部对齐
2008/01/21 Javascript
jquery插件 autoComboBox 下拉框
2010/12/22 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
jQuery基础框架浅入剖析
2012/12/27 Javascript
jquery增加时编辑jqGrid(实例代码)
2013/11/08 Javascript
js实现3D图片环展示效果
2017/03/09 Javascript
bootstrap Table服务端处理分页(后台是.net)
2017/10/19 Javascript
jQuery实现菜单的显示和隐藏功能示例
2018/07/24 jQuery
详解webpack引入第三方库的方式以及注意事项
2019/01/15 Javascript
Jquery获取radio选中值实例总结
2019/01/17 jQuery
Node.js + express基本用法教程
2019/03/14 Javascript
Laravel admin实现消息提醒、播放音频功能
2019/07/10 Javascript
express框架下使用session的方法
2019/07/31 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
2020/07/23 Javascript
Python自动重试HTTP连接装饰器
2015/04/28 Python
Python实现购物程序思路及代码
2017/07/24 Python
Python基于列表list实现的CRUD操作功能示例
2018/01/05 Python
Python实现的FTP通信客户端与服务器端功能示例
2018/03/28 Python
Flask使用Pyecharts在单个页面展示多个图表的方法
2019/08/05 Python
pytorch 中pad函数toch.nn.functional.pad()的用法
2020/01/08 Python
使用python实现名片管理系统
2020/06/18 Python
css3 给页面加个半圆形导航条主要利用旋转和倾斜样式
2014/02/10 HTML / CSS
比利时买床:Beter Bed
2017/12/06 全球购物
美国领先的机场停车聚合商:Airport Parking Reservations
2020/02/28 全球购物
PHP如何删除一个Cookie值
2012/11/15 面试题
教师自我反思材料
2014/02/14 职场文书
学前教育专业求职信
2014/09/02 职场文书
2015最新民情日记范文
2015/06/26 职场文书
2015年小学师德师风建设工作总结
2015/10/23 职场文书
导游词之绍兴柯岩古镇
2020/01/09 职场文书
vue中使用mockjs配置和使用方式
2022/04/06 Vue.js