語法：
$.each( collection, callback(indexInArray, valueOfElement) )
值得一提的是，forEach 可以很方便的遍歷數組和 NodeList ，jQuery 中的 jQuery 對象本身已經部署了這類遍歷方法，而在原生 JavaScript 中則可以使用 forEach 方法，但是 IE 并不支持，因此我們可以手動把 forEach 方法部署到數組和 NodeList 中:
if ( !Array.prototype.forEach ){ Array.prototype.forEach = function(fn, scope) { for( var i = 0, len = this.length; i < len; ++i) { fn.call(scope, this[i], i, this); } }} // 部署完畢后 IE 也可以使用 forEach 了document.getElementsByTagName('p').forEach(function(e){ e.className = 'inner';});而jQuery中的$.each()函數則更加強大。$.each()函數和$(selector).each()不一樣。$.each()函數可以用來遍歷任何一個集合，不管是一個JavaScript對象或者是一個數組，如果是一個數組的話，回調函數每次傳遞一個數組的下標和這個下標所對應的數組的值（這個值也可以在函數體中通過this關鍵字獲取，但是JavaScript通常會把this這個值當作一個對象即使他只是一個簡單的字符串或者是一個數字），這個函數返回所遍歷的對象，也就是這個函數的第一個參數，注意這里還是原來的那個數組，這是和map的區別。
其中collection代表目標數組，callback代表回調函數（自己定義），回調函數的參數第一個是數組的下標，第二個是數組的元素。當然我們也可以給回調函數只設定一個參數，這個參數一定是下標，而沒有參數也是可以的。
例1：傳入數組
<!DOCTYPE html> <html> <head> <script src=”http://code.jquery.com/jquery-latest.js”></script> </head> <body> <script> $.each([52, 97], function(index, value) { alert(index + ‘: ‘ + value); }); </script> </body> </html> 輸出：
0: 52 1: 97
例2：如果一個映射作為集合使用,回調函數每次傳入一個鍵-值對
<!DOCTYPE html> <html> <head> <script src=”http://code.jquery.com/jquery-latest.js”></script> </head> <body> <script> var map = { ‘flammable': ‘inflammable', ‘duh': ‘no duh' }; $.each(map, function(key, value) { alert(key + ‘: ‘ + value); }); </script> </body> </html> 輸出：
flammable: inflammable duh: no duh
例3：回調函數中 return false時可以退出$.each(), 如果返回一個非false 即會像在for循環中使用continue 一樣, 會立即進入下一個遍歷
<!DOCTYPE html> <html> <head> <style> div { color:blue; } div#five { color:red; } </style> <script src=”http://code.jquery.com/jquery-latest.js”></script> </head> <body> <div id=”one”></div> <div id=”two”></div> <div id=”three”></div> <div id=”four”></div> <div id=”five”></div> <script> var arr = [ "one", "two", "three", "four", "five" ];//數組 var obj = { one:1, two:2, three:3, four:4, five:5 }; // 對象 jQuery.each(arr, function() { // this 指定值 $(“#” + this).text(“Mine is ” + this + “.”); // this指向為數組的值, 如one, two return (this != “three”); // 如果this = three 則退出遍歷 }); jQuery.each(obj, function(i, val) { // i 指向鍵, val指定值 $(“#” + i).append(document.createTextNode(”
主站蜘蛛池模板：
额济纳旗|
清水河县|
合江县|
新闻|
淄博市|
乡宁县|
乐昌市|
咸丰县|
庆阳市|
黄浦区|
天长市|
泉州市|
汶上县|
陆良县|
高要市|
南岸区|
弥渡县|
荔浦县|
霍林郭勒市|
白山市|
革吉县|
大姚县|
伊吾县|
温州市|
赤城县|
通榆县|
勃利县|
平凉市|
左权县|
宜昌市|
施秉县|
泾阳县|
井陉县|
乌兰察布市|
平乡县|
望城县|
翼城县|
万安县|
礼泉县|
广宗县|
峡江县|