使用jQuery,我們可以輕松地遍歷DOM樹以查找元素的祖先。
祖先是父母,祖父母,曾祖父母等等。
在本章中,我們將解釋如何遍歷DOM樹。
我們有以下jQuery方法,用于遍歷DOM樹:
本章將向您展示如何使用每種方法。
jQuery parent()方法返回所選元素的直接父元素。
此方法僅在DOM樹上向上移動一個級別。
下面的示例返回SPAN元素的直接父級:
p(直接父級) span
您還可以使用可選參數(shù)來過濾搜索父項。
下面的示例返回每個段落具有“ selected”類的直接父元素:
$(document).ready(function(){ $("p").parent(".selected").css("background", "coral"); });測試看看?/?
jQuery parents()方法返回所選元素的所有祖先元素。
此方法從父元素沿著DOM元素的祖先向上遍歷,一直到文檔的根元素(<html>)。
下面的示例返回SPAN元素的所有祖先:
p(直接父級) span
jQuery parentsUntil()方法返回兩個給定參數(shù)之間的所有祖先元素。
下面的示例返回SPAN和BODY元素之間的所有祖先元素:
p(直接父級) span
有關(guān)完整的遍歷方法參考,請訪問我們的jQuery遍歷參考。