jquery中each遍歷對象和數(shù)組示例
通用遍歷方法，可用于遍歷對象和數(shù)組。$().each()，回調(diào)函數(shù)擁有兩個(gè)參數(shù)：
第一個(gè)為對象的成員或數(shù)組的索引，第二個(gè)為對應(yīng)變量或內(nèi)容。如需退出each循環(huán)可使回調(diào)函數(shù)返回false
現(xiàn)有如下兩個(gè)select
計(jì)劃類別: <select id="PLANTYPE"> <option value="0">-所有-</option> <option value="1">新建</option> <option value="2">續(xù)建</option> </select> 申報(bào)類型: <select id="AUDITTYPE"> <option value="0">-所有-</option> <option value="1">申報(bào)</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查找子元素find()和遍歷集合each的方法總結(jié)
- 詳解Jquery 遍歷數(shù)組之$().each方法與$.each()方法介紹
- JavaScript使用forEach()與jQuery使用each遍歷數(shù)組時(shí)return false 的區(qū)別
- jQuery使用each方法與for語句遍歷數(shù)組示例
- 淺析jQuery 遍歷函數(shù)，javascript中的each遍歷
- jquery 遍歷數(shù)組 each 方法詳解
- JQuery中使用.each()遍歷元素學(xué)習(xí)筆記
- JQuery $.each遍歷JavaScript數(shù)組對象實(shí)例
- Jquery使用each函數(shù)實(shí)現(xiàn)遍歷及數(shù)組處理
相關(guān)文章
jQuery)擴(kuò)展jQuery系列之一 模擬alert，confirm（一）
很多人都為了使alert系統(tǒng)的調(diào)用函數(shù)在自己的控制范圍之內(nèi)，都選擇了去封裝一個(gè)屬于自己的alert組件，現(xiàn)在我們就動(dòng)手實(shí)現(xiàn)一個(gè)這樣的小部件。2010-12-12
通過最終效果發(fā)現(xiàn)，當(dāng)頭像處于最前面時(shí)，圖像最大，透明低。越往后頭像就越小，就越透明2011-12-12
jQuery實(shí)現(xiàn)的Tab滑動(dòng)選項(xiàng)卡及圖片切換(多種效果)小結(jié)
這篇文章主要介紹了jQuery實(shí)現(xiàn)的Tab滑動(dòng)選項(xiàng)卡及圖片切換效果小結(jié),實(shí)例總結(jié)了幾種常見的tab切換效果,包括鼠標(biāo)點(diǎn)擊切換、滑過切換、定時(shí)自動(dòng)切換等,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-09-09
基于jQuery實(shí)現(xiàn)簡單人工智能聊天室
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)簡單人工智能聊天室的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
使用JQuery 加載頁面時(shí)調(diào)用JS的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄褂肑Query 加載頁面時(shí)調(diào)用JS的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了Jquery 實(shí)現(xiàn)grid綁定模板的相關(guān)資料,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了jQuery源碼解讀之removeAttr()方法分析,較為詳細(xì)的分析了removeAttr方法的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
jQuery實(shí)現(xiàn)彈出帶遮罩層的居中浮動(dòng)窗口效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)彈出帶遮罩層的居中浮動(dòng)窗口效果,涉及jQuery針對頁面元素的運(yùn)算與樣式的動(dòng)態(tài)修改相關(guān)技巧,需要的朋友可以參考下2016-09-09
基于EasyUI的基礎(chǔ)之上實(shí)現(xiàn)樹形功能菜單
這篇文章主要介紹了基于EasyUI的基礎(chǔ)之上實(shí)現(xiàn)樹形功能菜單,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-06-06
jQuery實(shí)現(xiàn)文字超過1行、2行或規(guī)定的行數(shù)時(shí)自動(dòng)加省略號的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)文字超過1行、2行或規(guī)定的行數(shù)時(shí)自動(dòng)加省略號的方法,涉及jQuery針對頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-03-03