jquery中的closest方法如何用

本篇内容介绍了“jquery中的closest方法如何用”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

资溪网站制作公司哪家好，找成都创新互联！从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作，到程序开发，运营维护。成都创新互联成立于2013年到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。

在jquery中，closest方法用于返回被选元素的第一个祖先元素；该函数可从元素本身开始逐级向上匹配，并且返回最先匹配的元素，若没有匹配到则返回一个空的jQuery对象，语法为“元素对象.closest(匹配元素的选择器表达式)”。

本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery中closest方法怎么用

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

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

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

closest()函数会首先检查当前元素是否匹配，如果匹配则直接返回元素本身。如果不匹配则向上查找父元素，一层一层往上，直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。

语法为：

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

$(selector).closest(filter)

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

$(selector).closest(filter,context)

filter 必需。规定缩小搜索祖先元素范围的选择器表达式、元素或 jQuery 对象。

context 可选。在其内可以找到匹配元素的 DOM 元素。

示例如下：

body (曾曾祖先节点)
div (曾祖先节点)
ul (第二祖先 - 第二祖先节点) 
ul (第一祖先 - 第一祖先节点)
li (直接父节点)
span