最新的Web開發教程
 

jQuery遍歷 - 祖先


祖先是父母,祖父母,曾祖父母,依此類推。

與jQuery你可以向上遍歷DOM樹找到一個元素的祖先。


向上遍歷DOM樹

三個有用的jQuery方法遍歷了DOM樹是:

  • parent()
  • parents()
  • parentsUntil()

jQuery的parent()方法

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

此方法僅遍歷單個級上的DOM樹。

下面的示例返回各自的直接父元素<span>元素:

$(document).ready(function(){
    $("span").parent();
});
試一試»

jQuery的parents()方法

parents()方法返回所選元素的所有祖先元素,一路攀升到文檔的根元素(<html>)

下面的示例返回所有的所有祖先<span>元素:

$(document).ready(function(){
    $("span").parents();
});
試一試»

你也可以使用一個可選的參數來篩選祖先搜索。

下面的示例返回所有的所有祖先<span>元素是<ul>元素:

$(document).ready(function(){
    $("span").parents("ul");
});
試一試»

jQuery的parentsUntil()方法

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

下面的示例返回之間的所有祖先元素<span><div>元素:

$(document).ready(function(){
    $("span").parentsUntil("div");
});
試一試»

自測練習用!

練習1» 練習2» 練習3» 練習4»


jQuery的參考遍歷

對於所有的jQuery遍歷方法完整概述,請訪問我們的jQuery遍歷參考