jQuery 遍历方法

在 jQuery 中，遍历是一种非常常见的操作，用于操作 DOM 元素集合。jQuery 提供了多种遍历方法，让开发者可以方便地操作 DOM 元素集合。

each() 方法

each() 方法用于遍历 jQuery 对象中的元素，并对每个元素执行指定的函数。

示例代码：

$("li").each(function(index) {
  console.log(index + ": " + $(this).text());
});

在上面的示例中，我们使用 each() 方法遍历了所有的 <li> 元素，并输出了它们的索引和文本内容。

map() 方法

map() 方法用于遍历 jQuery 对象中的元素，并将每个元素传递给一个函数，然后将函数返回的结果存储在一个新的 jQuery 对象中。

示例代码：

var newElements = $("li").map(function() {
  return $(this).text();
}).get();

console.log(newElements);

在上面的示例中，我们使用 map() 方法将所有 <li> 元素的文本内容存储在一个新的数组中，并输出了这个数组。

filter() 方法

filter() 方法用于筛选 jQuery 对象中的元素，只保留符合指定条件的元素。

示例代码：

$("li").filter(":even").css("background-color", "lightblue");

在上面的示例中，我们使用 filter() 方法筛选出所有偶数索引的 <li> 元素，并设置它们的背景色为浅蓝色。

find() 方法

find() 方法用于在当前 jQuery 对象中查找符合指定选择器的子元素。

示例代码：

$("ul").find("li").css("color", "red");

在上面的示例中，我们使用 find() 方法找到所有 <ul> 元素下的 <li> 元素，并设置它们的文本颜色为红色。

以上就是 jQuery 遍历方法的介绍，通过这些方法，我们可以方便地操作 DOM 元素集合。