jquery中each遍历对象和数组示例
程序员文章站
2023-09-09 21:55:34
通用遍历方法,可用于遍历对象和数组。$().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()和$().each()的区别
-
jquery中each方法教程示例和常用选择器
-
JQuery $.each遍历JavaScript数组对象实例教程
-
jquery中each遍历对象和数组示例
-
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
-
jQuery遍历—each()方法遍历对象和数组
-
jQuery中两种遍历$.each()和$().each()的区别
-
$.each遍历对象、数组的属性值并进行处理_jquery
-
JQuery $.each遍历JavaScript数组对象实例教程
-
jquery中each方法教程示例和常用选择器