jQuery 遍历方法 - 程序员自由职业

jQuery 提供了一系列的遍历方法，用于遍历和操作集合中的元素。以下是一些常用的 jQuery 遍历方法：

1. each(): 遍历匹配的元素集合，为每个元素执行一个函数。

   $("li").each(function(index, element) {
       // 对每个 li 元素执行的函数
       console.log(index, $(element).text());
   });

2. map(): 通过一个函数过滤和修改集合中的元素，返回新的集合。

   var newList = $("li").map(function() {
       // 对每个 li 元素执行的函数，返回修改后的值
       return $(this).text().toUpperCase();
   });

3. filter(): 从集合中筛选出满足指定条件的元素。

   var filteredList = $("li").filter(".highlight");

4. not(): 从集合中排除满足指定条件的元素。

   var notHighlighted = $("li").not(".highlight");

5. first() / last(): 获取集合中的第一个或最后一个元素。

   var firstElement = $("li").first();
   var lastElement = $("li").last();

6. eq(): 获取集合中指定索引位置的元素。

   var secondElement = $("li").eq(1);

7. parent() / parents(): 获取元素的父元素或所有祖先元素。

   var parentElement = $("#myElement").parent();
   var allAncestors = $("#myElement").parents();

8. children(): 获取元素的所有子元素。

   var childElements = $("#myElement").children();

9. siblings(): 获取元素的所有同级元素。

   var siblingElements = $("#myElement").siblings();

10. find(): 在元素内部查找满足条件的子孙元素。

    var foundElements = $("#myElement").find(".nested");

这些是一些基本的 jQuery 遍历方法，它们可以帮助你方便地对页面中的元素进行选择、过滤和操作。详细信息可以在[官方文档的 Traversing 部分](https://api.jquery.com/category/traversing/)找到。

转载请注明出处：http://www.zyzy.cn/article/detail/4642/jQuery