閱讀(8.9k) 書(shū)簽贊(0) 我要糾錯(cuò)

jQuery closest() 方法

2018-11-21 14:20 更新

實(shí)例

返回 <span> 的第一個(gè)祖先元素，是一個(gè) <ul> 元素：

$(document).ready(function(){
$("span").closest("ul").css({"color":"red","border":"2px solid red"});
});

結(jié)果：

body (great-great-grandparent)

div (great-grandparent)

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

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

DOM 樹(shù)：該方法從當(dāng)前元素向上遍歷，直至文檔根元素的所有路徑（<html>），來(lái)查找 DOM 元素的第一個(gè)祖先元素。

該方法與 parents() 類似，都是向上遍歷 DOM 樹(shù)，不同點(diǎn)是：

closest()

parents()

其他相關(guān)方法：

返回被選元素的第一個(gè)祖先元素：

$(selector).closest(filter)

返回使用 DOM context 查找的 DOM 樹(shù)中的第一個(gè)祖先元素：

$(selector).closest(filter,context)

參數(shù)	描述
filter	必需。規(guī)定縮小搜索祖先元素范圍的選擇器表達(dá)式、元素或 jQuery 對(duì)象。
context	可選。在其內(nèi)可以找到匹配元素的 DOM 元素。