JQuery的each遍歷函數(shù)可以讓我們方便地遍歷JQuery對(duì)象中的元素,從而對(duì)它們進(jìn)行操作。下面是一個(gè)基本的each函數(shù)的實(shí)例:
$(document).ready(function() { //獲取所有p元素 var paragraphs = $("p"); //遍歷每個(gè)p元素 $.each(paragraphs, function(index, value) { //輸出當(dāng)前元素的html內(nèi)容 console.log( $(value).html() ); }); });
在上面的例子中,我們首先通過$()函數(shù)獲取了所有的p元素,然后對(duì)它們進(jìn)行遍歷。在遍歷時(shí),我們可以對(duì)每個(gè)元素進(jìn)行操作,這里我們僅僅是簡(jiǎn)單地輸出了每個(gè)元素的HTML內(nèi)容。
除了遍歷JQuery對(duì)象中的元素,each函數(shù)還可以遍歷一個(gè)普通的JavaScript數(shù)組:
$(document).ready(function() { //一個(gè)普通的javascript數(shù)組 var fruits = ["apple", "banana", "orange"]; //遍歷每個(gè)元素 $.each(fruits, function(index, value) { //輸出當(dāng)前元素的值 console.log( value ); }); });
在上面的例子中,我們創(chuàng)建了一個(gè)普通的JS數(shù)組,然后使用each函數(shù)遍歷了每個(gè)元素并將它們的值輸出到控制臺(tái)中。
總的來(lái)說,each函數(shù)是JQuery中非常強(qiáng)大且實(shí)用的函數(shù),可以幫助我們快速而方便地對(duì)JQuery對(duì)象和JavaScript數(shù)組進(jìn)行遍歷以及操作。