jQuery parents()方法

最新推荐文章于 2022-08-15 15:52:03 发布
最新推荐文章于 2022-08-15 15:52:03 发布
阅读量1.1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/IT_Boss/article/details/89920695
版权

parents()方法返回被选元素的所有祖先元素。

DOM树：该方法从父元素向上遍历DOM元素的祖先，直至文档根元素的所有路径（<html>）。

如果filler参数为空，该方法将从直接父元素直至<body>和<html>的所有路径中选取元素集合中的所有祖先，因此传递一个缩小搜索结果范围的选择器表达式是非常有用的。

该方法与closest()都是向上遍历DOM树，不同点是：

parents()：

  • 从父元素开始
  • 沿DOM树思昂上遍历，并返回匹配所传递的表达式的所有祖先
  • 返回包含零个，一个或者多个元素的jQuery对象

closest()：

  • 从当前元素开始
  • 沿DOM树向上遍历，并返回匹配所有传递的表达式的第一个祖先
  • 返回包含零个或一个元素的jQuery对象

 

苦咖啡...
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery中parents()方法用法实例
10-24
主要介绍了jQuery中parents()方法用法,实例分析了parents()方法的功能、定义及取得一个包含着所有匹配元素的父辈元素的元素集合使用技巧,需要的朋友可以参考下
jquery parent和parents的区别分析
12-09
parents则是当前元素的祖先元素。下面列出例子说明： 代码如下:’div1′>’div2′><p></p></div><div id=’div3′ class=’a’><p></p></div><div id=’div4′><p></p></div></div>$(‘p’).parent()取到的是div2,...
jQuery中的parent方法、parents方法
徐冰的博客
11-09 1万+
一、parent()方法： 取得一个包含着所有匹配元素的唯一父元素的元素集合。 html代码如下： <form> <input type="radio" value="0"/>男<input type="radio" value="1"/>女 </form> jQuery代码如下： <script> var dom = $("[ty...
jQuery查找——parent/parents/parentsUntil/closest
qq_27009517的博客
06-12 1493
jquery的parent(),parents(),parentsUntil(),closest()都是向上查找父级元素，具体用法不同 parent()：取得一个包含着所有匹配元素的唯一父元素的元素集合。 parents()：沿 DOM 树向上遍历，直到文档的根元素(<html>)为止，将每个祖先元素添加到一个临时的集合；如果应用了选择器，则会基于该选择器对这个集合进行筛选。返回零个、一个或多个元素。 closest()：沿 DOM 树向上遍历，直到找到已应用选择器的一个匹配为止。返回零个
Jquery的parent和parents(找到某一特定的祖先元素)用法
热门推荐
cui_angel的专栏
08-24 4万+
<!-- parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。 parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。 parent取得很明确就是当前元素的父元素 parents则是当前元素的祖先元素 -->
jQuery遍历之parents()方法
qq_37036642的博客
08-03 415
jQuery是一个合集对象，如果想快速查找合集里面的每一个元素的所有祖辈元素，此时可以用parents()方法 其实也类似find与children的区别，parent只会查找一级，parents则会往上一直查到查找到祖先节点 理解节点查找关系： 1 在li节点上找到祖 辈元素div， 这里可以用$("li").pare
jQuery parents()和parent()
qq_44971038的博客
11-28 494
两种方法均用来获取父元素，不同的是，parent()是获取唯一父元素的元素集合；而parents()获取的是祖先元素的元素集合； parent() <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script ...
jquery中的查找parents与closest方法之间的区别
10-26
`parents()`方法会返回一个包含匹配选择器的所有上级元素的jQuery对象，这些元素从当前元素的直接父元素开始，直到文档的根元素（通常是`<html>`标签），如果没有任何匹配的元素，则返回一个空的jQuery对象。...
JQuery 常用方法基础教程
10-30
本教程将介绍JQuery的一些基本和常用方法，帮助初学者更好地理解和运用JQuery。 ### 选择器与元素操作 - `$("元素名称")`：通过元素名称选择DOM元素，如`$("p")`会选择所有的`<p>`标签。 - `.attr()`：用于获取或...
jquery 获取父节点 html,jq使用parent和parents方法获取父节点
weixin_29008691的博客
06-09 962
通过选择器一般只能获取指定标识的节点，或者获取子节点。有些场景下，往往需要根据当前节点找到满足条件的父节点。这个可以通过相应的方法来实现。1、parent方法该方法可以获取元素的直接父节点。我们还是通过例子来说明testjs代码如下var obj = $("#aid").parent(); //获取到的是aid元素的直接父节点div元素alert(obj.html());可以指定parent方法的...
Jquery中的parent()与parents()取父元素的区别
米刀文
08-27 2万+
关于Jquery的parent和parents parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。 parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。 可以看出parent取的很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子说明： $('p').parent
JQuery parent（），parents（），parentsUntil（）的区别
ling_ling1997的博客
12-28 940
红色代表是父级 1、parent（）此元素的直接上级只有一个 &lt;div class="ancestors"&gt; &lt;div style="width:500px;"&gt;div (曾祖父元素) &lt;ul&gt;ul (祖父元素) &lt;li&gt;li (父元素) &lt;span&gt;span&lt;/span&
jquery兄弟标签_jQuery的父，子，兄弟节点查找方法
weixin_39690625的博客
12-20 175
jQuery的父，子，兄弟节点查找方法jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素jQuery.children(expr).返回所有子节点，这...
jQuery .parent() 方法？
墓亦龍的博客
04-02 3594
.parent() 方法1、定义及用法：返回被选元素的 直接父元素。                          DOM树：该方法只沿着DOM树向上遍历单一层级。                                          若需向上遍历多个层级(祖父节点活其他祖先)，请使用parents()或parentsUntil()方法。                      ...
jquery常用方法之parent和parents方法
记录点滴
05-20 4282
parent ( ): 获取除被选中元素的直接父元素，也就是它的上一级父元素； 下边是parent小demo，直接看代码： 需求：假设从后台传来的一个数组，我们要把数据渲染到页面，当点击button按钮时，需要把每一个元素相对应的data-id获取到，传给后台； //下边数组假设就是后台传过来的数据 var arr = [ { name:"xingchen...
jq中closest()，parents()，parent()，
weixin_38098192的博客
05-07 1178
closet():         从当前元素开始        沿 DOM 树向上遍历，并返回匹配所传递的表达式的第一个单一祖先        返回包含零个或一个元素的 jQuery 对象parents()：        从父元素开始        沿 DOM 树向上遍历，并返回匹配所传递的表达式的所有祖先         返回包含零个、一个或多个元素的 jQuery 对象parent()：返...
jQuery中parent与parents方法
ANFO的博客
11-09 364
在jQuery中有两个可以获取父标签的方法parent()和parents()，二者的区别在于，parent()方法获取的父标签是距离调用者最近的父标签，而parents()方法获取的父标签是包含调用者的所有父标签组成的数组。 以下是代码示例： 首先用属性选择器选中form标签中type为submit的input标签，然后先调用parent方法，并将其jQuery对象转换为DOM对象再打印； ...
jQuery的选择器
weixin_44106237的博客
08-15 3526
jQuery的四种选择器，基本选择器，层级选择器，过滤选择器，筛选选择器（方法）
jquery parents方法和parent
最新发布
03-16
方法的区别是什么？ jQuery中的parents方法和parent方法都是用于查找元素的父级元素，但是它们的区别在于： 1. parents方法可以查找所有的祖先元素，包括父级、祖父级、曾祖父级等，而parent方法只能查找直接的父级元素。 2. parents方法可以通过传入一个选择器来筛选符合条件的祖先元素，而parent方法不支持这种筛选。 因此，如果需要查找某个元素的所有祖先元素，并且需要根据条件筛选，就应该使用parents方法；如果只需要查找直接的父级元素，就可以使用parent方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值