parents
英 ['pe?r?nts]? ?美 ['pe?r?nts]??
n.雙親( parent的名詞復(fù)數(shù) )
jquery parents() 方法 語(yǔ)法
作用:parents() 獲得當(dāng)前匹配元素集合中每個(gè)元素的祖先元素,使用選擇器進(jìn)行篩選是可選的。
語(yǔ)法:.parents(selector)
參數(shù):
參數(shù) | 描述 |
selector? ?? | 字符串值,包含用于匹配元素的選擇器表達(dá)式。 |
說(shuō)明:如果給定一個(gè)表示 DOM 元素集合的 jQuery 對(duì)象,.parents() 方法允許我們?cè)?DOM 樹中搜索這些元素的祖先元素,并用從最近的父元素向上的順序排列的匹配元素構(gòu)造一個(gè)新的 jQuery 對(duì)象。元素是按照從最近的父元素向外的順序被返回的。.parents() 和?.parent()?方法類似,不同的是后者沿 DOM 樹向上遍歷單一層級(jí)。該方法接受可選的選擇器表達(dá)式,與我們向 $() 函數(shù)中傳遞的參數(shù)類型相同。如果應(yīng)用這個(gè)選擇器,則將通過(guò)檢測(cè)元素是否匹配該選擇器對(duì)元素進(jìn)行篩選。
jquery parents() 方法 示例
<!DOCTYPE html> <html> <head> <style> b, span, p, html body { padding: .5em; border: 1px solid; } b { color:blue; } strong { color:red; } </style> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> </head> <body> <div> <p> <span> <b>我的父元素是:</b> </span> </p> </div> <script> var parentEls = $("b").parents() .map(function () { return this.tagName; }) .get().join(", "); $("b").append("<strong>" + parentEls + "</strong>"); </script> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例