代码改变世界

jquery parent()和parents()区别

  youxin  阅读(419)  评论(0编辑  收藏  举报

parent(exp)

取得一个包含着所有匹配元素的唯一父元素的元素集合。

你可以使用可选的表达式来筛选。

查找段落的父元素中每个类名为selected的父元素。

HTML 代码:
<div><p>Hello</p></div><div class="selected"><p>Hello Again</p></div>
jQuery 代码:
$("p").parent(".selected")
结果:
[ <div class="selected"><p>Hello Again</p></div> ]

parents(exp)

取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。

 

找到每个span元素的所有祖先元素。

HTML 代码:
<html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>
jQuery 代码:
$("span").parents()

 输出如下:

[p, div, body, html, prevObject: n.fn.init[2], context: document, jquery: "1.11.0", constructor: function, selector: ""…]
  1. 0p
  2. 1div
  3. 2body
  4. 3html
  5. contextdocument

可以看到,父元素有p,div,body,html.

输出console.log($("span").parents().size()); 为4.

 

编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
历史上的今天:
2013-07-28 转:js包装DOM对象
2012-07-28 图的邻接矩阵和邻接链表表示
2012-07-28 STL中的stack的pop函数为什么不返回值?
点击右上角即可分享
微信分享提示