jQuery是一個功能強大的JavaScript庫,具備快速開發、跨瀏覽器、DOM操作、特效動畫等功能。其中遍歷一組對象是jQuery中最常用的功能之一。
$(selector).each(function(index,element){ //對每個元素進行操作 });
首先,通過jQuery選擇器選擇一組元素,然后調用each()方法對這些元素進行遍歷。each()需要傳遞一個回調函數作為參數,該回調函數會被依次執行每個元素,在每個元素上執行一次。回調函數有2個參數:
- index:當前元素在一組元素中的索引,從0開始計數
- element:當前元素的DOM對象
下面是一個示例代碼,遍歷了一個列表的所有li元素,并輸出每個元素的索引和文本內容:
$("ul li").each(function(index,element){ console.log("index:"+index+",text:"+$(this).text()); });
使用jQuery遍歷一組對象非常方便,能夠大大簡化DOM操作和代碼量。