jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找" (或选取)HTML
元素。以某项选择开始,并沿着这个选择移动,直到抵达期望的元素为止。
下图展示了一个家族树。通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松
地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对
DOM 进行遍历
(一)、jQuery遍历- -祖先
通过 jQuery,您能够向上遍历 DOM 树,以查找元素的祖先。
1、parent()
parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历
2、parents()
parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。
3、parentsUntil()
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
(二)、jQuery 遍历- -后代
通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代。
1、children()
children()方法返回被选元素所有直接子元素。该方法只向下一级对 DOM 树进行遍历。
2、find ()
find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。
(三)、jQuery 遍历- -同胞
通过 jQuery,您能够在 DOM 树中遍历元素的同胞元素。
1、siblings ()
siblings() 方法返回被选元素的所有同胞元素。
2、next ()
next() 方法返回被选元素的下一个同胞元素。该方法只返回一个元素。
3、nextAll ()
nextAll() 方法返回被选元素的所有跟随的同胞元素。
4、nextUntil ()
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
5、prev() & prevAll() & prevUntil()
prev() , prevAll() , prevUntil()方法的工作方式与上面的方法类似,只不过方向相反而已:
它们返回的是前面的同胞元素(在DOM树中沿着同胞之前元素遍历,而不是之后遍历)。
这是我所学到的JQuery遍历方法,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!