jquery parents() 方法
翻譯結果:
parents
英 ['peərənts] 美 ['peərənts]
n.雙親(parent的名詞複數 )
jquery parents() 方法語法
作用:parents() 取得目前符合元素集合中每個元素的祖先元素,使用選擇器進行篩選是可選的。
語法:.parents(selector)
#參數:
參數 | 說明 |
selector | 字串值,包含用於符合元素的選擇器表達式。 |
說明:如果給定一個表示DOM 元素集合的jQuery 對象,.parents() 方法允許我們在DOM 樹中搜尋這些元素的祖先元素,並用從最近的父元素向上的順序排列的匹配元素建構一個新的jQuery 物件。元素是按照從最近的父元素向外的順序被傳回的。 .parents() 和 .parent() 方法類似,不同的是後者沿著 DOM 樹向上遍歷單一層級。此方法接受可選的選擇器表達式,與我們向 $() 函數中傳遞的參數類型相同。如果應用這個選擇器,則將透過偵測元素是否符合該選擇器對元素進行篩選。
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>
#點擊 "執行實例" 按鈕查看線上實例