DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery中each遍歷對象和數組示例
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); 
});

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved