jQuery

jQuery教程 jQuery 简介 jQuery 安装 jQuery 语法 jQuery 选择器 jQuery 事件 jQuery效果 jQuery 隐藏/显示 jQuery 淡入淡出 jQuery 滑动 jQuery 动画 jQuery 停止动画 jQuery Callback jQuery Chaining jQuery HTML jQuery 捕获 jQuery 设置 jQuery 添加元素 jQuery 删除元素 jQuery CSS 类 jQuery css() 方法 jQuery 尺寸 jQuery 遍历 jQuery 遍历 jQuery 祖先 jQuery 后代 jQuery 同胞 jQuery 过滤 jQuery Ajax jQuery AJAX 简介 jQuery load() 方法 jQuery get()/post() 方法 jQuery 其他 jQuery noConflict() 方法 jQuery JSONP jQuery 参考手册 jQuery 选择器 jQuery 事件方法 jQuery 效果方法 jQuery HTML / CSS 方法 jQuery 遍历方法 jQuery AJAX 方法 jQuery 杂项方法 jQuery 属性 jQuery 插件 jQuery Validate jQuery Accordion jQuery Autocomplete jQuery 密码验证 jQuery Prettydate jQuery Tooltip

parents()

jQuery parents() 方法

实例

返回 <span> 的所有祖先元素：

$(document).ready(function(){
$("span").parents().css({"({"color":"red","border":"2px solid red"});
});

Result:

body (great-great-grandparent)

div (great-grandparent)

li (direct parent) span

定义和用法

parents() 方法返回被选元素的所有祖先元素。

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

DOM 树：该方法从父元素向上遍历 DOM 元素的祖先，直至文档根元素的所有路径（<html>）。

注意：如果 filter 参数为空，该方法将从直接父元素直至 <body> 和 <html> 的所有路径中选取元素集合中的所有祖先。因此传递一个缩小搜索结果范围的选择器表达式是非常有用的。

该方法与 closest() 都是向上遍历 DOM 树，不同点是：

parents()

从父元素开始
沿 DOM 树向上遍历，并返回匹配所传递的表达式的所有祖先
返回包含零个、一个或多个元素的 jQuery 对象

closest()

从当前元素开始
沿 DOM 树向上遍历，并返回匹配所传递的表达式的第一个祖先
返回包含零个或一个元素的 jQuery 对象

其他相关方法：

parent() - 返回被选元素的直接父元素
parentsUntil() - 返回两个给定参数之间的所有祖先元素

语法

$(selector).parents(filter)

参数	描述
filter	可选。规定缩小搜索祖先元素范围的选择器表达式。注意：如需返回多个祖先，请使用逗号分隔每个表达式。