jQuery.each()用法分享
更新時間:2012年07月31日 21:48:25 作者:
昨天寫了個小插件,用到這個方法,不太明白$.each()這個方法,今天查了下手冊,學習一下
例遍數(shù)組,同時使用元素索引和內(nèi)容。(i是索引,n是內(nèi)容)
$.each( [0,1,2], function(i, n){
alert( "Item #" + i + ": " + n );
});
例遍對象,同時使用成員名稱和變量內(nèi)容。(i是成員名稱,n是變量內(nèi)容)
$.each( { name: "John", lang: "JS" }, function(i, n){
alert( "Name: " + i + ", Value: " + n );
});
例遍dom元素,此處以一個input表單元素作為例子。
如果你dom中有一段這樣的代碼
<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
<input name="ddd" type="hidden" value="444"/>
然后你使用each如下
$.each($("input:hidden"), function(i,val){
alert(val); //輸出[object HTMLInputElement],因為它是一個表單元素。
alert(i); //輸出索引為0,1,2,3
alert(val.name); //輸出name的值
alert(val.value); //輸出value的值
});
以下是官方的解釋:
jQuery.each(object, [callback])
概述
通用例遍方法,可用于例遍對象和數(shù)組。
不同于例遍 jQuery 對象的 $().each() 方法,此方法可用于例遍任何對象?;卣{(diào)函數(shù)擁有兩個參數(shù):第一個為對象的成員或數(shù)組的索引,第二個為對應變量或內(nèi)容。如果需要退出 each 循環(huán)可使回調(diào)函數(shù)返回 false,其它返回值將被忽略。
參數(shù)
objectObject
需要例遍的對象或數(shù)組。
callback (可選)Function
每個成員/元素執(zhí)行的回調(diào)函數(shù)。
復制代碼 代碼如下:
$.each( [0,1,2], function(i, n){
alert( "Item #" + i + ": " + n );
});
例遍對象,同時使用成員名稱和變量內(nèi)容。(i是成員名稱,n是變量內(nèi)容)
復制代碼 代碼如下:
$.each( { name: "John", lang: "JS" }, function(i, n){
alert( "Name: " + i + ", Value: " + n );
});
例遍dom元素,此處以一個input表單元素作為例子。
如果你dom中有一段這樣的代碼
<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
<input name="ddd" type="hidden" value="444"/>
然后你使用each如下
復制代碼 代碼如下:
$.each($("input:hidden"), function(i,val){
alert(val); //輸出[object HTMLInputElement],因為它是一個表單元素。
alert(i); //輸出索引為0,1,2,3
alert(val.name); //輸出name的值
alert(val.value); //輸出value的值
});
以下是官方的解釋:
jQuery.each(object, [callback])
概述
通用例遍方法,可用于例遍對象和數(shù)組。
不同于例遍 jQuery 對象的 $().each() 方法,此方法可用于例遍任何對象?;卣{(diào)函數(shù)擁有兩個參數(shù):第一個為對象的成員或數(shù)組的索引,第二個為對應變量或內(nèi)容。如果需要退出 each 循環(huán)可使回調(diào)函數(shù)返回 false,其它返回值將被忽略。
參數(shù)
objectObject
需要例遍的對象或數(shù)組。
callback (可選)Function
每個成員/元素執(zhí)行的回調(diào)函數(shù)。
您可能感興趣的文章:
- jQuery each()方法的使用方法
- JQuery中each()的使用方法說明
- jquery foreach使用示例
- jquery $.each 和for怎么跳出循環(huán)終止本次循環(huán)
- jquery each的幾種常用的使用方法示例
- jquery中each遍歷對象和數(shù)組示例
- JQuery $.each遍歷JavaScript數(shù)組對象實例
- jQuery 中$(this).index與$.each的使用指南
- jQuery源碼分析之jQuery.fn.each與jQuery.each用法
- jQuery中使用each處理json數(shù)據(jù)
- jQuery.each使用詳解
相關(guān)文章
在一個頁面實現(xiàn)兩個zTree聯(lián)動的方法
最近發(fā)現(xiàn)項目中很多地方都是樹形菜單,而這些樹形菜單都是使用樹形插件zTree來制作的,下面這篇文章主要給大家介紹了關(guān)于在一個頁面實現(xiàn)兩個zTree聯(lián)動的相關(guān)資料,需要的朋友可以參考借鑒,下面隨著小編來一起學習學習吧。2017-12-12Javascript 使用ajax與C#獲取文件大小實例詳解
本文章向碼農(nóng)們介紹了js ajax獲取文件大小的實例,涉及JavaScript調(diào)用ajax交互及后臺C#文件操作的相關(guān)技巧,需要的朋友可以參考下2017-01-01基于MVC5和Bootstrap的jQuery TreeView樹形控件(二)之數(shù)據(jù)支持json字符串、list集合
這篇文章主要介紹了基于MVC5和Bootstrap的jQuery TreeView樹形控件(二)之數(shù)據(jù)支持json字符串、list集合的相關(guān)資料,需要的朋友可以參考下2016-08-08基于jquery的禁用右鍵、文本選擇功能、復制按鍵的實現(xiàn)代碼
有時候因為某些原因,需要禁止用戶的右鍵、文本選擇功能、復制按鍵等操作,那么就可以參考下面的代碼2013-08-08jQuery插件formValidator實現(xiàn)表單驗證
這篇文章主要為大家詳細介紹了jQuery插件formValidator實現(xiàn)表單驗證的相關(guān)資料,需要的朋友可以參考下2016-05-05jQuery使用ajax方法解析返回的json數(shù)據(jù)功能示例
這篇文章主要介紹了jQuery使用ajax方法解析返回的json數(shù)據(jù)功能,結(jié)合實例形式分析了jQuery ajax操作流程及json數(shù)據(jù)處理技巧,需要的朋友可以參考下2017-01-01