Jquery是一個非常強大的前端框架,在它的眾多的特性中,$.each for是非常常用的一個。這個函數可以輕松地循環遍歷數組和對象。
$("數組或對象").each(function(index, value){ // 對每個元素執行的操作 });
其中,index表示當前元素在數組/對象中的索引,value是元素的值。我們可以在這個回調函數里面對每個元素進行操作。
下面的例子中,我們使用$.each for循環遍歷一個數組,每個元素乘以2后輸出到控制臺。
var arr = [1, 2, 3, 4]; $.each(arr, function(index, value){ console.log(value * 2); });
這個例子中的回調函數可以簡寫為:
$.each(arr, function(index, value){ console.log(value * 2); });
當我們使用$.each for來遍歷對象時,回調函數中的index變成了對象的屬性名,value變成了屬性值。下面的例子中,我們遍歷一個對象,輸出所有屬性及對應的值到控制臺。
var obj = { name: "張三", age: 20, sex: "男" }; $.each(obj, function(key, value){ console.log(key + ":" + value); });
除了基本的數組和對象,$.each for還支持遍歷jQuery對象、動態創建的DOM節點等。
總的來說,$.each for是一個非常方便的函數,讓我們更輕松地遍歷數組和對象,并對其中的每個元素進行操作。