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

原文地址:https://www.cnblogs.com/zhd09/p/15766010.html