手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery中each遍历对象和数组示例
jquery中each遍历对象和数组示例
摘要:通用遍历方法,可用于遍历对象和数组。$().each(),回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如需...

通用遍历方法,可用于遍历对象和数组。$().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中each遍历对象和数组示例】相关文章:

javascript中FOREACH数组方法使用示例

如何遍历对象的属性?

浅谈jQuery中replace()方法

jQuery获取字符串中出现最多的数

javaScript中push函数用法实例分析

jquery中map函数遍历数组用法实例

jquery预加载图片的方法

jQuery+ajax实现无刷新级联菜单示例

基于jquery实现下拉框美化特效

jQuery聚合函数实例

精品推荐
分类导航