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> 元素的实际祖先是谁。