通用遍歷方法,可用於遍歷對象和數組。$().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); });