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写了一个清除“logo1_.exe”的杀毒工具(可扫描目录)
Feb 09 Javascript
jqPlot jquery的页面图表绘制工具
Jul 25 Javascript
Function.prototype.call.apply结合用法分析示例
Jul 03 Javascript
原生js编写设为首页兼容ie、火狐和谷歌
Jun 05 Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
Dec 24 Javascript
javascript实现延时显示提示框特效代码
Apr 27 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
JS中with的替代方法与String中的正则方法详解
Dec 23 Javascript
js和jquery中获取非行间样式
May 05 jQuery
利用ECharts.js画K线图的方法示例
Jan 10 Javascript
Vue移动端实现图片上传及超过1M压缩上传
Dec 23 Javascript
webpack介绍使用配置教程详解webpack介绍和使用
Jun 25 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
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
2014/06/23 PHP
PHP使用ajax的post方式下载excel文件简单示例
2019/08/06 PHP
Add a Formatted Table to a Word Document
2007/06/15 Javascript
js异或加解密效果代码
2008/06/25 Javascript
jQuery初学:find()方法及children方法的区别分析
2011/01/31 Javascript
js和as的稳定传值问题解决
2013/07/14 Javascript
jquery slibings选取同级其他元素的实现代码
2013/11/15 Javascript
JavaScript原生对象之String对象的属性和方法详解
2015/03/13 Javascript
jQuery事件绑定用法详解
2016/09/08 Javascript
jQuery实现简单的网页换肤效果示例
2016/09/18 Javascript
js实现非常棒的弹出div
2016/10/06 Javascript
vue快捷键与基础指令详解
2017/06/01 Javascript
JS 中LocalStorage和SessionStorage的使用
2017/08/17 Javascript
修改npm全局安装模式的路径方法
2018/05/15 Javascript
AngularJS发送异步Get/Post请求方法
2018/08/13 Javascript
浅谈Vue数据响应
2018/11/05 Javascript
原生javascript制作的拼图游戏实现方法详解
2020/02/23 Javascript
React实现类似淘宝tab居中切换效果的示例代码
2020/06/02 Javascript
js+canvas绘制图形验证码
2020/09/21 Javascript
python如何在列表、字典中筛选数据
2018/03/19 Python
Python操作配置文件ini的三种方法讲解
2019/02/22 Python
python3 pathlib库Path类方法总结
2019/12/26 Python
python构造函数init实例方法解析
2020/01/19 Python
Pytorch 使用 nii数据做输入数据的操作
2020/05/26 Python
CSS3 制作旋转的大风车(充满童年回忆)
2013/01/30 HTML / CSS
使用CSS3的appearance属性改变元素的外观的方法
2015/12/12 HTML / CSS
浅析rem和em和px vh vw和% 移动端长度单位
2016/04/28 HTML / CSS
elf彩妆英国官网:e.l.f. Cosmetics英国(美国平价彩妆品牌)
2017/11/02 全球购物
英国婴儿产品专家:Samuel Johnston
2020/04/20 全球购物
大课间活动制度
2014/01/18 职场文书
法制宣传标语
2014/06/23 职场文书
电气工程及其自动化专业求职信
2014/06/23 职场文书
MySQL创建索引需要了解的
2021/04/08 MySQL
MYSQL 表的全面总结
2021/11/11 MySQL
Spring中bean集合注入的方法详解
2022/07/07 Java/Android
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技