jQuery是JavaScript中常用的一個框架,最常用的功能就是遍歷DOM節點。在這篇文章中,我們將會介紹如何使用jQuery遍歷ul下的li節點。
// 獲取ul元素 var ulElement = $('ul'); // 遍歷ul下的所有li元素,index表示li元素的下標,element表示li元素本身 ulElement.children('li').each(function(index, element) { console.log(index); // 輸出li元素的下標 console.log($(element).text()); // 輸出li元素的文本內容 });
上面的代碼首先通過$()函數獲取到ul元素,然后使用children()函數獲取所有的li元素。接著我們使用each()函數遍歷所有的li元素,并將每個元素的下標和文本內容輸出到控制臺上。
如果我們只需要獲取其中的某個li元素,可以使用eq()函數,例如:
// 獲取ul下的第二個li元素 var secondLi = $('ul').children('li').eq(1); console.log(secondLi.text());
上述代碼中,我們使用了eq(1)來獲取ul下的第二個li元素,然后輸出了該元素的文本內容。