本篇內(nèi)容介紹了“jquery中的closest方法如何用”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

資溪網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作，到程序開發(fā)，運營維護。成都創(chuàng)新互聯(lián)成立于2013年到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)。

在jquery中，closest方法用于返回被選元素的第一個祖先元素；該函數(shù)可從元素本身開始逐級向上匹配，并且返回最先匹配的元素，若沒有匹配到則返回一個空的jQuery對象，語法為“元素對象.closest(匹配元素的選擇器表達式)”。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery中closest方法怎么用

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

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

從當(dāng)前元素開始，沿 DOM 樹向上遍歷，并返回匹配所傳遞的表達式的第一個單一祖先，返回包含零個或一個元素的 jQuery 對象

closest()函數(shù)會首先檢查當(dāng)前元素是否匹配，如果匹配則直接返回元素本身。如果不匹配則向上查找父元素，一層一層往上，直到找到匹配選擇器的元素。如果什么都沒找到則返回一個空的jQuery對象。

語法為：

返回被選元素的第一個祖先元素：

$(selector).closest(filter)

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

$(selector).closest(filter,context)

filter 必需。規(guī)定縮小搜索祖先元素范圍的選擇器表達式、元素或 jQuery 對象。

context 可選。在其內(nèi)可以找到匹配元素的 DOM 元素。

示例如下：

body (曾曾祖先節(jié)點)
div (曾祖先節(jié)點)
ul (第二祖先 - 第二祖先節(jié)點) 
ul (第一祖先 - 第一祖先節(jié)點)
li (直接父節(jié)點)
span