jquery中each遍历对象和数组示例
更新时间：2014年08月05日 09:39:22 投稿：whsnow
jquery中each可用于遍历对象和数组，如需退出each循环可使回调函数返回false，下面有个示例，大家可以看看
通用遍历方法，可用于遍历对象和数组。$().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);
});
相关文章
jQuery)扩展jQuery系列之一 模拟alert，confirm（一）
很多人都为了使alert系统的调用函数在自己的控制范围之内，都选择了去封装一个属于自己的alert组件，现在我们就动手实现一个这样的小部件。2010-12-12
通过最终效果发现，当头像处于最前面时，图像最大，透明低。越往后头像就越小，就越透明2011-12-12
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
这篇文章主要介绍了jQuery实现的Tab滑动选项卡及图片切换效果小结,实例总结了几种常见的tab切换效果,包括鼠标点击切换、滑过切换、定时自动切换等,非常具有实用价值,需要的朋友可以参考下2015-09-09
这篇文章主要为大家详细介绍了基于jQuery实现简单人工智能聊天室的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
下面小编就为大家带来一篇使用JQuery 加载页面时调用JS的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了Jquery 实现grid绑定模板的相关资料,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery源码解读之removeAttr()方法分析,较为详细的分析了removeAttr方法的实现技巧,非常具有实用价值,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了jQuery实现弹出带遮罩层的居中浮动窗口效果,涉及jQuery针对页面元素的运算与样式的动态修改相关技巧,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了基于EasyUI的基础之上实现树形功能菜单,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-06-06
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
这篇文章主要介绍了jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法,涉及jQuery针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2018-03-03
最新评论