常用的jquery遍历函数

1.Jquery遍历祖先

1).parent()  方法返回被选元素的直接父元素。

2).parents()  方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。

3).parentUntil()     $("span").parentsUntil("div");  span 和div之间的(不包括span 和div,并且是从最内部到最外部)

2. Jquery遍历后代

1).children()   方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。  或者可以这样子使用: $("div").children("p.1"); 

2).find() 方法返回被选元素的后代元素,一路向下直到最后一个后代  .

3.Jquery遍历同胞

1).siblings() 方法返回被选元素的所有同胞元素和使用可选参数来过滤对同胞元素的搜索 比如:$("h2").siblings("p"); 得到h2元素同级的p元素

2).next() 方法返回被选元素的下一个同胞元素。

3).nextAll() 方法返回被选元素的所有跟随的同胞元素。

4).nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素

4.prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。

原文地址:https://www.cnblogs.com/kobigood/p/4432307.html