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 元素。

示例如下:





123





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

输出结果:

jquery中的closest方法如何用

“jquery中的closest方法如何用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


名称栏目:jquery中的closest方法如何用
链接URL:http://csdahua.cn/article/gedejo.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流