遍历jquery对象的代码分享

遍历 jQuery 对象是处理 DOM 元素最常用的操作之一，下面我来分享一下遍历 jQuery 对象的代码攻略。

代码基础

遍历 jQuery 对象的基础方法是使用 .each() 函数，它可以迭代对象集合中的所有元素。这是一个简单的示例：

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

在这个示例中，我们使用 .each() 遍历了所有 p 元素，然后将每一个元素的文本内容打印到控制台中。

代码进阶

除了基础的 .each() 函数，还有许多其他有用的函数可以用来遍历 jQuery 对象。以下是两个进阶的示例说明：

.map() 函数

.map() 函数可以让我们遍历一个对象集合，并返回另一个数组，这个数组由指定的回调函数返回值组成。这是一个示例：

var pTexts = $('p').map(function() {
  return $(this).text();
}).get();

console.log(pTexts);

在这个示例中，我们使用 .map() 函数遍历了所有 p 元素，并将每一个元素的文本内容存入数组 pTexts 中，然后将 pTexts 数组打印到控制台中。

.filter() 函数

.filter() 函数可以让我们遍历一个对象集合，并返回新的集合，其中包含指定选择器匹配的元素。这是一个示例：

var longP = $('p').filter(function() {
  return $(this).text().length > 50;
});

console.log(longP);

在这个示例中，我们使用 .filter() 函数遍历了所有 p 元素，并将所有包含超过 50 个字符的元素存入集合 longP 中，然后将 longP 集合打印到控制台中。

总结

通过本次攻略，我们学习了基础的 .each() 函数以及进阶的 .map() 和 .filter() 函数，并掌握了如何使用它们来遍历 jQuery 对象。