JQ 遍历-CSDN博客

本文链接：https://blog.csdn.net/E_ISOLATE/article/details/96737569

本文详细介绍了使用jQuery进行DOM遍历的方法，包括向上遍历DOM树获取祖先元素、向下遍历DOM树查找后代元素及水平遍历寻找同胞元素等技巧。同时，还讲解了如何通过first、last等函数过滤遍历结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

遍历祖先
向上遍历DOM树

parent() 返回被选元素的直接父元素
parents() 返回被选元素的所有祖先元素
parentsUntil() 返回介于两个给定元素的所有祖先元素
 $("span").parentsUntil("div");

遍历后代
向下遍历DOM树

children() 返回被选元素的子元素(一个元素)
children() 也可以过滤元素 
$("div").children("p.1"); 返回class名为1的所有p元素 并且是 div的直接子元素
find() 返回被选元素的后代元素 直到最后一个后代
$("div").find("span"); 返回div后代的所有span元素
$("div").find("*"); 返回div的所有后代

jquery 遍历同胞
同胞具有相投的父元素在DOM树种水平遍历

siblings() 返回被选元素的所有同胞元素
next() 返回被选元素的下一个同胞元素
nextAll() 返回被选元素所有跟随的同胞元素
nextUntil() 返回介于两个给定参数之间的所有跟随同胞元素
$("h2").nextUntil(”h6“);

jquery 遍历过滤

first() 返回被选元素的首个元素
last() 返回被选元素的最后一个元素
$("div p").last(); 选择最后一个 div元素的最后一个p元素
eq() 返回被选元素中带有指定索引号的元素 索引号从0开始
filter() 返回匹配标准的所有元素
$("p").filter(".intro"); 返回带有类名intro的所有p元素
not() 返回不匹配标准的所有元素
$("p").not(".intro");