JQuery是一款廣泛應用于前端開發的JavaScript庫。它提供了各種各樣的操作和效果,是web 應用開發的首選工具之一。在JQuery中,.each()方法是一個非常常見的方法,它的作用是遍歷一個集合,針對每個元素都執行相同的操作。
語法格式:
$.each(Array/Object, function(indexInArray, valueOfElement) { // 執行的操作 });
其中,Array/Object參數是需要進行遍歷的集合,可以是數組或者對象。第二個參數function是一個回調函數,它的兩個參數indexInArray和valueOfElement分別代表當前元素在集合中的索引和元素的值。
下面是一個簡單的例子:
var colors = ['red', 'green', 'blue']; $.each(colors, function(index, value) { console.log(index + ': ' + value); });
在這個例子中,colors是一個數組,我們使用$.each()方法遍歷這個數組。在回調函數中,我們打印了每個元素在集合中的索引和元素的值。輸出結果為:
0: red 1: green 2: blue
除了數組,我們也可以用$.each()方法遍歷對象。下面是一個例子:
var person = { name: 'John', age: 28, job: 'Software Engineer' }; $.each(person, function(key, value) { console.log(key + ': ' + value); });
在這個例子中,我們定義了一個person對象,然后使用$.each()方法遍歷這個對象。在回調函數中,我們打印了每個屬性名和對應的屬性值。輸出結果為:
name: John age: 28 job: Software Engineer
最后需要注意的是,$.each()方法中回調函數的返回值是可以控制遍歷的中斷的。如果回調函數返回 false,遍歷就會中斷,而不會執行后續的操作。