jQuery closest() 方法
admin
2023-02-13 04:00:05
0次

定义和用法

closest() 方法返回被选元素的第一个祖先元素。

祖先是父、祖父、曾祖父，依此类推。

DOM 树：该方法从当前元素向上遍历，直至文档根元素的所有路径（），来查找 DOM 元素的第一个祖先元素。

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

closest()

  • 从当前元素开始

  • 沿 DOM 树向上遍历，并返回匹配所传递的表达式的第一个单一祖先

  • 返回包含零个或一个元素的 jQuery 对象

parents()

  • 从父元素开始

  • 沿 DOM 树向上遍历，并返回匹配所传递的表达式的所有祖先

  • 返回包含零个、一个或多个元素的 jQuery 对象

语法

返回被选元素的第一个祖先元素：

$(selector).closest(filter)

返回使用 DOM context 查找的 DOM 树中的第一个祖先元素：

$(selector).closest(filter,context)

参数

参数必需的描述
filter是规定缩小搜索祖先元素范围的选择器表达式、元素或 jQuery 对象。
context否在其内可以找到匹配元素的 DOM 元素。

实例

下例演示了返回 的第一个祖先元素，是一个

    元素：

    



欢迎来到jq教程

//此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的



 body (曾曾祖先节点)
div (曾祖先节点)

      ul (第二祖先 - 第二祖先节点)

        ul (第一祖先 - 第一祖先节点)

      • li (直接父节点)
span 

        •


相关方法

  • parent() - 返回被选元素的直接父元素

  • parentsUntil() - 返回两个给定参数之间的所有祖先元素

相关资料

jQuery 祖先 >>>>>>>>>

jQuery 实例 >>>>>>>>>


上一篇：JS判断某个数据是否为数组类型

下一篇：Vue中methods computed 和 watch 的区别

相关内容

热门资讯

活力中国调研行丨一束“光”的故... 它被称为“最快的刀”“最准的尺”“最亮的光”。从一束“光”到一颗“芯”，再到规模千亿的产业集群，今天...
携手前沿技术 共创智能未来 携手前沿技术 共创智能未来 ——来自2026年世界互联网大会数字丝路发展论坛的声音 夏日长安，秦岭叠...
上海浩劢取得桌面式轻型悬臂吊专... 国家知识产权局信息显示，上海浩劢工业科技有限公司取得一项名为“桌面式轻型悬臂吊”的专利，授权公告号C...
毒油风暴未歇民进党却急着上架，... 海峡导报综合报道 岛内毒油食安风暴持续延烧，台北市长蒋万安持续号召民众7·25上凯道，但“食药署”2...
WAIC挤满“卖铲人”，但算力... 2026年的WAIC，机器人依然抢占了绝大多数镜头。但展馆里数量增长最快的，是自称“AI Infra...
对话芯展速许玮：“内存墙”下，... Token经济时代，衡量AI价值的标准，正从模型能力转向Token生产效率。AI因此从工具演变为新的...
菲尔兹奖得主邓煜写过这些诗词 邓煜 李少君 徐俪成 | 澎湃新闻记者 徐萧 整理北京时间7月23日晚，中国数学家王虹、邓煜获颁菲尔...
中国海警局新闻发言人就菲位南海... 中国海警局新闻发言人姜略表示，7月24日，菲律宾组织7艘公务船、3艘海警舰、1艘运鱼船，并唆使大量渔...
外交部回应美国对数十国加征关税 7月24日，外交部发言人林剑主持例行记者会。有记者问：美国新一轮关税措施将于今天生效，外交部能否就此...
台湾岛以东相关海域治理进入经济... 为全面了解我国管辖海域渔业资源状况，7月17日至23日，农业农村部中国水产科学研究院东海水产研究所，...