jQuery的祖先遍历
jQuery遍历意为”移动”,用于根据其相对于其他元素的关系来”查找”(或选取)HTML元素。以某项选择开始,并沿着这个选择移动,直到抵达期望的元素为止。
下面展示了一幅图。通过jQuery遍历,您能够从被选(当前的)元素开始,轻松地在下图中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对DOM进行遍历。
- jQuery遍历-祖先
通过jQuery,您能够向上遍历DOM树,以查找元素祖先。
1.1parent()
Parent()方法返回被选元素的直接父元素。该方法只会向上一级对DOM树进行遍历。
1.2parents()
Parents()方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素(<html>)。
将以上案例中parent()改成parents()之后结果如下:
1.3parentsUntil()
parentsUntil()方法返回介于两个给定元素之间的所有祖先元素。
案例:
结果: