jQuery 遍历方法总结

在jQuery中，我们可以使用各种方法来遍历DOM元素，以下是一些常用的方法：

1. each(): 它是jQuery的通用遍历方法，可以用来遍历jQuery对象集合，对每个元素执行一个函数。

$("p").each(function(i, p){
   console.log(i, p);
});

2. find(): 它用于在当前jQuery对象集合中查找所有的子孙元素。

$("div").find("p");

3. children(): 它用于获取当前元素集合中每个元素的所有子元素。

$("div").children();

4. contents(): 它返回jQuery对象集合中每个元素的子元素，包括文本和注释节点。

$("div").contents();

5. filter(): 它用于筛选出与指定表达式匹配的元素。

$("p").filter(".selected");

6. is(): 它用于检查当前jQuery对象集合中的元素是否匹配指定的选择器或元素。

$("p").is(".selected");

7. map(): 它对一组元素执行函数，产生一个包含返回值的数组。

$("p").map(function(i, p){
   return p.id;
});

8. parent(): 它返回当前元素集合中元素的父元素。

$("p").parent();

9. parents(): 它返回当前元素集合中元素的所有父级元素。

$("p").parents();

10. siblings(): 它返回当前元素集合中每个元素的所有同级兄弟元素。

$("p").siblings();

11. closest(): 它返回当前元素集合中每个元素向上找到的最近的匹配元素。

$("p").closest("div");

以上就是一些在jQuery中常用的遍历方法，每个方法都有其特定的用途，可以根据实际需求选择使用。