最新的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遍历参考