# 遍历与筛选

URL: https://caijiao.org/jquery/03-dom/04-traversal
Source: docs/jquery/03-dom/04-traversal.md
Description: 介绍 jQuery 遍历与筛选元素的方法，包括 each、map、filter 等函数，帮助开发者高效处理和筛选 DOM 元素集合，实现灵活操作。

jQuery 提供遍历和筛选的方法，可以对元素集合进行迭代处理和条件过滤，方便批量操作。

## 遍历方法

- `each()` — 迭代匹配的元素集合，执行回调函数
  ```js
  $("li").each(function (index, element) {
    console.log(index, $(element).text());
  });
  ```

* `map()` — 创建一个新的元素集合，对每个元素进行处理后返回新集合

  ```js
  var texts = $("li")
    .map(function () {
      return $(this).text().toUpperCase();
    })
    .get();
  ```

## 筛选方法

- `filter()` — 从元素集合中筛选符合条件的元素

  ```js
  $("li").filter(".active");
  ```

- `not()` — 排除符合条件的元素

  ```js
  $("li").not(".active");
  ```

- `first()` — 选中第一个元素

  ```js
  $("li").first();
  ```

- `last()` — 选中最后一个元素

  ```js
  $("li").last();
  ```

## 示例代码

[在线代码演示](/jquery/demos/10.html)