jQuery 遍歷 - 祖先

使用jQuery,我們可以輕松地遍歷DOM樹以查找元素的祖先。

祖先是父母,祖父母,曾祖父母等等。

在本章中,我們將解釋如何遍歷DOM樹。

遍歷DOM樹

我們有以下jQuery方法,用于遍歷DOM樹:

本章將向您展示如何使用每種方法。

jQuery parent()方法

jQuery parent()方法返回所選元素的直接父元素。

此方法僅在DOM樹上向上移動一個級別。

下面的示例返回SPAN元素的直接父級:

div(曾祖父母)
div(祖父母)

p(直接父級)                  span

運行代碼

您還可以使用可選參數(shù)來過濾搜索父項。

下面的示例返回每個段落具有“ selected”類的直接父元素:

$(document).ready(function(){
  $("p").parent(".selected").css("background", "coral");
});
測試看看?/?

jQuery parents()方法

jQuery parents()方法返回所選元素的所有祖先元素。

此方法從父元素沿著DOM元素的祖先向上遍歷,一直到文檔的根元素(<html>)。

下面的示例返回SPAN元素的所有祖先:

body(曾曾祖父母)
div(曾祖父母)
div(祖父母)

p(直接父級)                  span

運行代碼

jQuery ParentUntil()方法

jQuery parentsUntil()方法返回兩個給定參數(shù)之間的所有祖先元素。

下面的示例返回SPAN和BODY元素之間的所有祖先元素:

body(曾曾祖父母)
div(曾祖父母)
div(祖父母)

p(直接父級)                  span

運行代碼

jQuery遍歷參考

有關(guān)完整的遍歷方法參考,請訪問我們的jQuery遍歷參考。

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清