jQuery 遍历 - 祖先parent()、parents()、parentsUntil()
在使用jQuery的时候,我们常常会用到一些元素,祖先是父、祖父或曾祖父等等。通过 jQuery,您能够向上遍历 DOM 树,以查找元素的祖先。
向上遍历方法
这些 jQuery 方法很有用,它们用于向上遍历 DOM 树:
parent() parents() parentsUntil()
jQuery parent() 方法
parent() 方法返回被选元素的直接父元素。该方法只会对上一级进行查找父类。返回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"); });
本文作者: Liaodeity
本文链接: https://www.jianbaizhan.com/article/332
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!