jquery中each遍歷物件和陣列範例_jquery

 通用遍歷方法，可用於遍歷物件和陣列。 $().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); 
});