在Web開發中,我們經常需要遍歷一個集合并針對其中的元素進行操作。在jQuery和JavaScript中,這個過程被稱為“each”。雖然這兩者在使用each時的語法是相近的,但它們之間還是有一些區別的。
在JavaScript中,我們可以使用Array.prototype.forEach方法來遍歷一個數組。例如:
var arr = [1, 2, 3]; arr.forEach(function(item, index) { console.log(item, index); });
在jQuery中,我們可以使用$.fn.each方法來遍歷一個集合(通常是一個jQuery對象)。例如:
var $list = $('ul li'); $list.each(function(index, item) { console.log($(item).text(), index); });
雖然在語法上有些許不同,但它們的本質是相似的。都是使用一個函數來遍歷集合中的元素,這個函數會被重復調用,每次傳入當前元素及其索引。
在實際開發中,我們可能更傾向于使用jQuery來處理DOM操作,因為這樣語法更加簡潔易懂。例如:
$('ul li').each(function(index, item) { $(item).addClass('active'); });
這樣我們就可以輕松地為每一個li元素添加一個名為“active”的class了。