jQuery元素操作-遍历元素
warning:
这篇文章距离上次修改已过204天,其中的内容可能已经有所变动。
// 假设我们有一个包含多个列表项的无序列表
// HTML 示例:
// <ul id="myList">
// <li>Item 1</li>
// <li>Item 2</li>
// <li>Item 3</li>
// ...
// </ul>
// 使用 jQuery 遍历 #myList 下的所有列表项
$('#myList li').each(function(index, element) {
// this 指向当前的列表项 DOM 元素
// $(this) 是当前列表项的 jQuery 对象
console.log(index + ': ' + $(this).text());
// 可以在这里进行其他操作
});
这段代码使用了jQuery的.each()
方法来遍历指定元素集合中的每个元素。回调函数中的index
参数表示当前元素的索引,element
参数表示当前元素的原生DOM对象。使用$(this)
可以获得当前元素的jQuery包装集,这样就可以调用jQuery提供的各种方法来操作DOM元素了。
评论已关闭