jquery遍历DOM树

向上遍历DOM树 方法　　　　　　　　　　　　　　　　返回　　

parent()　　　　　　　　　　　　　　　　被选元素的直接父元素

parents()　　　　　　　　　　　　　　　 被选元素的所有祖先元素，包括文档的根元素（html）

eg:　　parents('ul') 　　　　　　　　　　 被选元素的所有祖先ul元素

parentsUntil('参数')　　　　　　　　　　  介于两个给定元素之间的所有祖先元素

eg:　　$("span").parentsUntil("div")　　    <span>向上到<div>元素之间所有的父元素，(不包括两参数div、span）

---

 

向下遍历　　　　　　　　　　　　　　　　　　　　　返回

children()　　　　　　　　　　　　　　　被选元素的所有直接子元素  只会向下一级对DOM树遍历

eg:　　$('div').children('p.title')　 　　　　div元素中类名为title的所有p元素

find(“*”)　　　　　　　　　　　　　　　  被选元素的所有后代元素

eg:　find("span")　　　　　　　　　　    被选元素的所有span元素

---

 

水平遍历　　　　　　　　　　　　　　　　　　　　返回

siblings()　　　　　　　　　　　　　　  被选元素的所有同胞元素

eg:　siblings('p')   　　　　　　　　　　 被选元素的同胞所有p元素

next()   　　　　　　　　　　　　　　　被选元素的下一个同胞元素

nextAll()　　　　　　　　　　　　　　   从被选元素的向下开始的所有同胞元素（不包括被选元素）

nextUntil(‘参数’)　　　　　　　　　　　 介于两个给定参数之间的所有跟随的同胞元素　　

eg:　　$("div").nextUntil("h1")    　　　   div到h1之间向下的所有同胞元素（不包括两个参数 div与h1）

prev()   　　　　　　　　　　　　　　   被选元素的上一个同胞元素

prevtAll()　　　　　　　　　　　　　　 从被选元素的向上开始的所有同胞元素（不包括被选元素）

prevUntil(‘参数’)　　　　　　　　　　　 介于两个给定参数之间的所有跟随的同胞元素　　

eg:　　$("h3").prevUntil("p")     　　　　  h3到p之间向上的所有同胞元素（不包括两个参数 h3与p）

---

 

过滤　　　　　　　　　　　　　　　　　　　　　　返回

first()　　　　　　　　　　　　　　　　被选元素第一个元素

eg:　　$("div p")first()　　　　　　　　  div元素下的第一个p元素

last()　　　　　　　　　　　　　　　　被选元素的最后一个元素

eq(参数)　　　　　　　　　　　　　　  被选元素中带有指定索引值的元素   索引从0开始

eg:　　$("p").eq(1) 　　　　　　　　　  第二个p元素　　

filter('参数')　　　　　　　　　　　　　 从被选元素中过滤到不符合的元素，返回匹配的元素

eg: 　　$("p").filter('.title')　　　　　　    返回所有类名是title的p元素

not(‘参数’)　　　　　　　　　　　　　   返回不匹配的元素　　与filter()相反

eg:　　$('p').not('.title')　　　　　　　　返回p元素类名不是title的元素

 

来源：https://www.w3school.com.cn/jquery/jquery_traversing.asp