我是靠谱客的博主 醉熏奇迹,最近开发中收集的这篇文章主要介绍jquery中each遍历对象和数组,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

jquery中each可用于遍历对象和数组,如需退出each循环可使回调函数返回false

1.$().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中的文本值,即 -所有-、新建、续建、所有..

$("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。

--------------------------华丽的分割线-----------------------------

2. 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);
});

 

转载于:https://www.cnblogs.com/wangyuyanhello/p/8941973.html

最后

以上就是醉熏奇迹为你收集整理的jquery中each遍历对象和数组的全部内容,希望文章能够帮你解决jquery中each遍历对象和数组所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(59)

评论列表共有 0 条评论

立即
投稿
返回
顶部