jquery遍历 “祖先” 的几种表示方法

最新推荐文章于 2022-09-27 13:35:11 发布

原创最新推荐文章于 2022-09-27 13:35:11 发布 · 222 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了jQuery中的三种常用选择器方法：parent(), parents() 和 parentsUntil()。这些方法用于选取元素的父级或祖先元素，分别演示了如何使用这些方法来获取不同层级的父元素。

jQuery parent() 方法

parent() 方法返回被选元素的直接父元素。

该方法只会向上一级对 DOM 树进行遍历。

下面的例子返回每个 <span> 元素的的直接父元素：
实例

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

jQuery parents() 方法

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

下面的例子返回所有 <span> 元素的所有祖先：
实例

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

jQuery parentsUntil() 方法

parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

下面的例子返回介于 <span> 与 <div> 元素之间的所有祖先元素：
实例

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