通用遍历方法,可用于遍历对象和数组。$().each(),回调函数拥有两个参数:
第一个为对象的成员或数组的索引,第二个为对应变量或内容。如需退出each循环可使回调函数返回false
现有如下两个select
1
2
3
4
5
6
7
8
9
10
11
12
|
计划类别: < 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处开始
1
2
3
4
|
$( "option" ).each( function (index,data){ console.info($( data ).text()); //或者console.info($(this).text()); }) |
也可从select处开始
1
2
3
4
5
|
$( "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()方法,此方法可用于例遍任何对象。
用此方法同样遍历上述代码
1
2
3
|
$.each($( "option" ), function (index,data){ console.info(index+ " " +data); }) |
也可以遍历数组
1
2
3
|
$.each( [0,1,2], function (i, n){ console.info( "Index:" + i + ": " + n ); }); |
遍历对象
1
2
3
|
$.each({ name: "itmyhome" , addr: "Beijing" }, function (i, n){ console.info( "Name: " + i + ", Value: " + n); }); |