jQueryclosest()方法

定義和用法

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

成都創(chuàng)新互聯(lián)長期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為烈山企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作，烈山網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

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

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

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

closest()

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

parents()

從父元素開始
沿 DOM 樹向上遍歷，并返回匹配所傳遞的表達(dá)式的所有祖先
返回包含零個(gè)、一個(gè)或多個(gè)元素的 jQuery 對象

語法

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

$(selector).closest(filter)

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

$(selector).closest(filter,context)

參數(shù)

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

實(shí)例

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

<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>歡迎來到j(luò)q教程</title>
<style>
.ancestors?*{
display:?block;
border:?2px?solid?lightgrey;
color:?lightgrey;
padding:?5px;
margin:?15px;
}
</style>
//此版本是百度cdn?1.11.1，當(dāng)然你可以使用更高的版本，從2.0版本以上的是不支持ie6-8的
<script?type="text/javascript"?src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function?()?{
$("span").closest("ul").css({"color":"red","border":"2px?solid?red"});
});
</script>
</head>
<body>?body?(曾曾祖先節(jié)點(diǎn))
<div?>div?(曾祖先節(jié)點(diǎn))
<ul>ul?(第二祖先?-?第二祖先節(jié)點(diǎn))
<ul>ul?(第一祖先?-?第一祖先節(jié)點(diǎn))
<li>li?(直接父節(jié)點(diǎn))
<span>span?</span>
</li>
</ul>
</ul>
</div>
</body>
</html>

jQueryclosest()方法

定義和用法

語法

參數(shù)

實(shí)例

相關(guān)方法

相關(guān)資料