jQueryclosest()方法-創(chuàng)新互聯(lián)

定義和用法

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

創(chuàng)新互聯(lián)建站專注于克井企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),商城網(wǎng)站建設(shè)?？司W(wǎng)站建設(shè)公司,為克井等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站設(shè)計(jì)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)

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

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()方法-創(chuàng)新互聯(lián)

定義和用法

語法

參數(shù)

實(shí)例

相關(guān)方法

相關(guān)資料