jquery 祖先 parent,parents,parentUtil函数

以你之姓@ 2022-05-23 12:43 174阅读 0赞

祖先是父、祖父或曾祖父等等。

通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。

--------------------

## 向上遍历 DOM 树 ##

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

*  parent()
 *  parents()
 *  parentsUntil()

--------------------

## jQuery parent() 方法 ##

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

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

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

## 实例 ##

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

[尝试一下 »][Link 1]

--------------------

## jQuery parents() 方法 ##

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

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

## 实例 ##

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

[尝试一下 »][Link 2]

您也可以使用可选参数来过滤对祖先元素的搜索。

下面的例子返回所有 <span> 元素的所有祖先，并且它是 <ul> 元素：

## 实例 ##

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

[尝试一下 »][Link 3]

--------------------

## jQuery parentsUntil() 方法 ##

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

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

## 实例 ##

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

更多：http://www.runoob.com/jquery/jquery-traversing-ancestors.html

[Link 1]: http://www.runoob.com/try/try.php?filename=tryjquery_parent
[Link 2]: http://www.runoob.com/try/try.php?filename=tryjquery_parents
[Link 3]: http://www.runoob.com/try/try.php?filename=tryjquery_parents2

发表评论取消回复

表情：

评论列表（有 0 条评论，174人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery 遍历 - 祖先

祖先是父、祖父或曾祖父等等。通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。 -------------------- 向上遍历 DOM 树这

﹏ヽ暗。殇╰゛Y/ 2024年03月16日 11:24/ 0 赞/ 82 阅读

相关 JQuery-函数

目录第一组 1、val（） 2、text（） 3、attr（）第二组 1、hide（）

客官°小女子只卖身不卖艺/ 2022年11月29日 11:49/ 0 赞/ 164 阅读

相关 jquery函数

独立的函数,不会直接运行(可以在dom标签里面onclick属性设置绑定函数,或者在函数里面调用函数): function function1(){

左手的ㄟ右手/ 2022年08月28日 03:51/ 0 赞/ 140 阅读

相关 jquery 祖先 parent,parents,parentUtil函数

祖先是父、祖父或曾祖父等等。通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。 -------------------- 向上遍历 DOM 树这

以你之姓@/ 2022年05月23日 12:43/ 0 赞/ 175 阅读

相关 jquery获取父元素及祖先元素

parent是找当前元素的第一个父节点，parents是找当前元素的所有父节点先说一下parent和parents的区别从字面上不难看出 parent是指取得一

- 日理万妓/ 2022年05月20日 02:22/ 0 赞/ 299 阅读

相关 JQuery函数大全

设值或属性: $(“p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(“img”).attr(\{src:”test.jpg”,alt:

柔情只为你懂/ 2022年05月14日 15:53/ 0 赞/ 224 阅读

相关最近公共祖先

对于有根树上的两个节点u, v，最近公共祖先`lca(u, v) = x`，x是u, v的祖先并且深度尽可能大 ![一棵树][1240] 对于这棵树来说`lca(9, 1

喜欢ヅ旅行/ 2022年05月13日 07:56/ 0 赞/ 235 阅读

相关 jQuery——遍历DOM元素的祖先元素

任务描述本关任务：用 jQuery 遍历 DOM 的祖先元素。效果如下： ![206887][] 相关知识为了完成本关任务，你需要掌握：1.节点树，2.`pa

梦里梦外;/ 2022年04月05日 13:53/ 0 赞/ 292 阅读

相关 jQuery 函数

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] jQuery CSS 函数 \- 来自本页 <tabl

柔情只为你懂/ 2022年01月14日 00:03/ 0 赞/ 204 阅读

相关 JQuery函数积累

1、jQuery.getScript(url, success(response, status)) 通过 HTTP GET 请求载入并执行 JavaScript 文件。

Love The Way You Lie/ 2021年07月24日 23:37/ 0 赞/ 403 阅读