本篇接聊聊如何使用jQuery遍历页面元素。

 

四.遍历元素

在 DOM 元素操作中，有时需要对同一标记的全部元素进行统一操作。在传统的JavaScript 中，先获取元素的总长度，然后以 for 循环语句递减总长度，访问其中的某个元素，代码相对复杂；而在 jQuery 中，可以直接使用 each() 方法实现元素的遍历。其语法格式如下：

each(callback)

其中，参数 callback 是一个 function 函数，该函数还可以接受一个形参 index，此形参为遍历元素的序号（从 0 开始）；如果需要访问元素中的属性，可以借助形参 index，配合 this 关键字来实现元素属性的设置或获取。如下示例演示了调用 each() 方法遍历全部元素获取每个元素属性的过程。