jquery中each遍歷對(duì)象和數(shù)組示例
通用遍歷方法,可用于遍歷對(duì)象和數(shù)組。$().each(),回調(diào)函數(shù)擁有兩個(gè)參數(shù):
第一個(gè)為對(duì)象的成員或數(shù)組的索引,第二個(gè)為對(duì)應(yīng)變量或內(nèi)容。如需退出each循環(huán)可使回調(diào)函數(shù)返回false
現(xiàn)有如下兩個(gè)select
計(jì)劃類(lèi)別: <select id="PLANTYPE"> <option value="0">-所有-</option> <option value="1">新建</option> <option value="2">續(xù)建</option> </select> 申報(bào)類(lèi)型: <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處開(kāi)始
$("option").each(function(index,data){ console.info($( data ).text()); //或者console.info($(this).text()); })
也可從select處開(kāi)始
$("select").each(function( index,data){ $("option", data).each(function(m,n){ console.info($(this).text()); }) })
$("option", data)一定要加上 data或者$("option",this),表示此對(duì)象下的option
否則就是所有的option。
--------------------------華麗的分割線(xiàn)-----------------------------
each還有一種用法jQuery.each(object, [callback])
不同于jQuery對(duì)象的$().each()方法,此方法可用于例遍任何對(duì)象。
用此方法同樣遍歷上述代碼
$.each($("option"),function(index,data){ console.info(index+" "+data); })
也可以遍歷數(shù)組
$.each( [0,1,2], function(i, n){ console.info( "Index:" + i + ": " + n ); });
遍歷對(duì)象
$.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語(yǔ)句遍歷數(shù)組示例
- 淺析jQuery 遍歷函數(shù),javascript中的each遍歷
- jquery 遍歷數(shù)組 each 方法詳解
- JQuery中使用.each()遍歷元素學(xué)習(xí)筆記
- JQuery $.each遍歷JavaScript數(shù)組對(duì)象實(shí)例
- Jquery使用each函數(shù)實(shí)現(xiàn)遍歷及數(shù)組處理
相關(guān)文章
基于jQuery實(shí)現(xiàn)表格內(nèi)容的篩選功能
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)表格內(nèi)容的篩選功能的相關(guān)資料,需要的朋友可以參考下2016-08-08用jQuery獲取IE9下拉框默認(rèn)值問(wèn)題探討
本文與大家詳細(xì)探討下用jQuery獲取IE9下拉框默認(rèn)值的問(wèn)題,如果下拉框沒(méi)有空默認(rèn)值會(huì)怎么樣等一系列問(wèn)題,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-07jQuery插件HighCharts繪制2D柱狀圖、折線(xiàn)圖和餅圖的組合圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件HighCharts繪制2D柱狀圖、折線(xiàn)圖和餅圖的組合圖效果,結(jié)合實(shí)例形式分析了jQuery使用HighCharts插件同時(shí)繪制折線(xiàn)圖、柱狀圖、餅狀圖組合圖效果的操作步驟與相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery+css3實(shí)現(xiàn)轉(zhuǎn)動(dòng)的正方形效果(附demo源碼下載)
這篇文章主要介紹了jQuery+css3實(shí)現(xiàn)轉(zhuǎn)動(dòng)的正方形效果,可實(shí)現(xiàn)圖片組集體轉(zhuǎn)動(dòng)的功能,通過(guò)jQuery結(jié)合時(shí)間函數(shù)定時(shí)操作css3屬性實(shí)現(xiàn)旋轉(zhuǎn)效果,并附帶demo源碼供讀者下載,需要的朋友可以參考下2016-01-01基于JQUERY的多級(jí)聯(lián)動(dòng)代碼
基于JQUERY的多級(jí)聯(lián)動(dòng)實(shí)現(xiàn)代碼,需要的朋友可以參考下,另外腳本之家特為大家多整理了幾個(gè)大家可以測(cè)試下2012-01-01bootstrapValidator表單校驗(yàn)、更改狀態(tài)、新增、移除校驗(yàn)字段的實(shí)例代碼
這篇文章主要介紹了bootstrapValidator表單校驗(yàn)、更改狀態(tài)、新增、移除校驗(yàn)字段,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-05-05基于jQuery的固定表格頭部的代碼(IE6,7,8測(cè)試通過(guò))
目前只能算個(gè)不完整的腳本,不過(guò)一般的僅僅需要表頭凍結(jié)就可以使用了2010-05-05