靡语IT: JQuery-JavaScript代码库-遍历篇
// 假设我们有一个包含多个列表项的无序列表
// HTML 示例: <ul id="myList">
// <li>Item 1</li>
// <li>Item 2</li>
// ...
// </ul>
$(document).ready(function() {
$('#myList li').each(function(index, element) {
// 对每个列表项执行操作
// 'index' 是当前列表项的索引号
// 'element' 是当前列表项的DOM对象
console.log(index + ': ' + $(element).text());
});
});这段代码使用jQuery的each函数来遍历具有特定ID的无序列表中的所有列表项。对于每个列表项，它打印出项的索引和文本内容。这是一个典型的用于遍历和处理HTML元素集合的例子，适用于学习jQuery基础。
评论已关闭