jQuery是前端常用的JavaScript庫之一,它可以幫助我們輕松地遍歷HTML元素和控制DOM。其中一個常見的應用場景是遍歷一個ul列表中的多個li元素,這個功能非常方便。
$(document).ready(function(){ $("ul li").each(function(){ //遍歷每個li元素 console.log($(this).text()); //打印每個li元素的文本內容 }); });
代碼解析:
1. $("ul li")選中所有的ul列表中的li元素。
2. .each(function(){})函數用于遍歷選中的所有元素,其中$(this)表示當前遍歷到的元素。
3. $(this).text()可以獲取到當前li元素的文本內容,并將其打印到瀏覽器控制臺中。
上面的代碼可以輕松地遍歷一個ul列表中的所有li元素,并對每個元素進行必要的操作。