使用jQuery,我们可以轻松地遍历DOM树以查找元素的祖先。
祖先是父母,祖父母,曾祖父母等等。
遍历DOM树
我们有以下jQuery方法,用于遍历DOM树:
parent()
parents()
parentsUntil()
本章将向您展示如何使用每种方法。
jQuery parent()方法
jQuery parent()方法返回所选元素的直接父元素。
此方法仅在DOM树上向上移动一个级别。
您还可以使用可选参数来过滤搜索父项。
下面的示例返回每个段落具有“ selected”类的直接父元素:
$(document).ready(function(){
$("p").parent(".selected").css("background", "coral");
});
jQuery parents()方法
jQuery parents()方法返回所选元素的所有祖先元素。
此方法从父元素沿着DOM元素的祖先向上遍历,一直到文档的根元素(<html>)。
jQuery ParentUntil()方法
jQuery parentsUntil()方法返回两个给定参数之间的所有祖先元素。