jquery中each遍歷對象和數(shù)組示例

更新時間：2014年08月05日 09:39:22 投稿：whsnow

jquery中each可用于遍歷對象和數(shù)組，如需退出each循環(huán)可使回調函數(shù)返回false，下面有個示例，大家可以看看

通用遍歷方法，可用于遍歷對象和數(shù)組。$().each()，回調函數(shù)擁有兩個參數(shù)：

第一個為對象的成員或數(shù)組的索引，第二個為對應變量或內容。如需退出each循環(huán)可使回調函數(shù)返回false

現(xiàn)有如下兩個select

計劃類別: 
<select id="PLANTYPE"> 
<option value="0">-所有-</option> 
<option value="1">新建</option> 
<option value="2">續(xù)建</option> 
</select> 
申報類型: 
<select id="AUDITTYPE"> 
<option value="0">-所有-</option> 
<option value="1">申報</option> 
<option value="2">修改</option> 
</select>

使用each方法獲取option中的文本值，即 -所有-、新建、續(xù)建...

如果只使用一次each循環(huán) 可從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); 
})

也可以遍歷數(shù)組

$.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)擴展jQuery系列之一模擬alert，confirm（一）
很多人都為了使alert系統(tǒng)的調用函數(shù)在自己的控制范圍之內，都選擇了去封裝一個屬于自己的alert組件，現(xiàn)在我們就動手實現(xiàn)一個這樣的小部件。
2010-12-12
jquery隨機展示頭像代碼
通過最終效果發(fā)現(xiàn)，當頭像處于最前面時，圖像最大，透明低。越往后頭像就越小，就越透明
2011-12-12
jQuery實現(xiàn)的Tab滑動選項卡及圖片切換(多種效果)小結
這篇文章主要介紹了jQuery實現(xiàn)的Tab滑動選項卡及圖片切換效果小結,實例總結了幾種常見的tab切換效果,包括鼠標點擊切換、滑過切換、定時自動切換等,非常具有實用價值,需要的朋友可以參考下
2015-09-09
基于jQuery實現(xiàn)簡單人工智能聊天室
這篇文章主要為大家詳細介紹了基于jQuery實現(xiàn)簡單人工智能聊天室的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
使用JQuery 加載頁面時調用JS的實現(xiàn)方法
下面小編就為大家?guī)硪黄褂肑Query 加載頁面時調用JS的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
Jquery 實現(xiàn)grid綁定模板
這篇文章主要介紹了Jquery 實現(xiàn)grid綁定模板的相關資料,需要的朋友可以參考下
2015-01-01
jQuery源碼解讀之removeAttr()方法分析
這篇文章主要介紹了jQuery源碼解讀之removeAttr()方法分析,較為詳細的分析了removeAttr方法的實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下
2015-02-02
jQuery實現(xiàn)彈出帶遮罩層的居中浮動窗口效果
這篇文章主要介紹了jQuery實現(xiàn)彈出帶遮罩層的居中浮動窗口效果,涉及jQuery針對頁面元素的運算與樣式的動態(tài)修改相關技巧,需要的朋友可以參考下
2016-09-09
基于EasyUI的基礎之上實現(xiàn)樹形功能菜單
這篇文章主要介紹了基于EasyUI的基礎之上實現(xiàn)樹形功能菜單,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-06-06
jQuery實現(xiàn)文字超過1行、2行或規(guī)定的行數(shù)時自動加省略號的方法
這篇文章主要介紹了jQuery實現(xiàn)文字超過1行、2行或規(guī)定的行數(shù)時自動加省略號的方法,涉及jQuery針對頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下
2018-03-03