jQuery parent() 方法
示例
返回 <span> 的直接父級元素
$(document).ready(function(){
$("span").parent().css({"color": "red", "border": "2px solid red"});
});
結果
body (曾祖父)div (祖父)ul (祖父母)- li (直接父元素) span
自己動手試一試 »
定義和用法
parent() 方法返回所選元素的直接父級元素。
DOM 樹: 此方法僅向上遍歷 DOM 樹一級。要一直遍歷到文件的根元素(返回祖父或其他的祖先元素),請使用 parents() 或 parentsUntil() 方法。
提示:要向下遍歷 DOM 樹一級,或一直遍歷到最後一個後代元素(返回子級或其他後代),請使用 children() 或 find() 方法。
語法
$(選擇器).parent(過濾器)
引數 | 描述 |
---|---|
篩選器 | 可選。指定一個選擇器表示式來縮小父級搜尋範圍 |
親手嘗試 - 示例
返回每個 <span> 元素的直接父級
如何返回每個 <span> 元素的直接父級。
縮小搜尋範圍
如何使用過濾器引數返回每個 <span> 元素的類名為 "first" 的父級 <li> 元素。
返回每個 <p> 元素的直接父級 <div> 元素
如何返回每個 <p> 元素的所有直接父級 <div> 元素。
按標籤名顯示元素的祖先元素
演示了 <span> 元素的實際祖先是誰。