在jquery中，closest方法用于返回被选元素的第一个祖先元素；该函数可从元素本身开始逐级向上匹配，并且返回最先匹配的元素，若没有匹配到则返回一个空的jQuery对象，语法为“元素对象.closest(匹配元素的选择器表达式)”。
本教程操作环境：windows10系统、
jquery
3.2.1版本、Dell G3电脑。
jquery中closest方法怎么用
closest() 方法返回被选元素的第一个祖先元素。
祖先是父、祖父、曾祖父，依此类推。
从当前元素开始，沿 DOM 树向上遍历，并返回匹配所传递的表达式的第一个单一祖先，返回包含零个或一个元素的 jQuery 对象
closest()函数会首先检查当前元素是否匹配，如果匹配则直接返回元素本身。如果不匹配则向上查找父元素，一层一层往上，直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。
语法为：
返回被选元素的第一个祖先元素：
返回使用 DOM context 查找的 DOM 树中的第一个祖先元素：
基于jQuery的AJAX和JSON的实例 中文WORD版
本文档主要讲述的是基于jQuery的AJAX和JSON的实例；过jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，然后通过jQuer把数据绑定到事先设计好的html模板上，直接在页面上显示。有需要的朋友可以下载看看
下载
filter 必需。规定缩小搜索祖先元素范围的选择器表达式、元素或 jQuery 对象。
context 可选。在其内可以找到匹配元素的 DOM 元素。
示例如下：
输出结果：
相关视频教程推荐：
jQuery视频教程
$(selector).closest(filter)$(selector).closest(filter,context)
123
body (曾曾祖先节点)
div (曾祖先节点)
ul (第二祖先 - 第二祖先节点)
ul (第一祖先 - 第一祖先节点)
- li (直接父节点)
span