jQuery 遍历 - 祖先parent()、parents()、parentsUntil()

作者：Liaodeity - 2015年12月04日

在使用jQuery的时候，我们常常会用到一些元素，祖先是父、祖父或曾祖父等等。通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。

向上遍历方法

这些 jQuery 方法很有用，它们用于向上遍历 DOM 树：

parent()
parents()
parentsUntil()

jQuery parent() 方法

parent() 方法返回被选元素的直接父元素。该方法只会对上一级进行查找父类。返回span标签的上一级直接父类。

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

parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。查看span的所有父类

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

可以对父类的标签进行过滤操作，返回<span>所有的父类并且为<ul>的元素标签。

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

parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。下面的例子返回介于 <span> 与 <div> 元素之间的所有祖先元素：

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

本文作者： Liaodeity

本文链接： https://www.jianbaizhan.com/article/332

版权声明：本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！