jQuery parents() 方法_jQuery_超级菜鸟教程

jQuery parents() 方法

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

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

Result:

body (great-great-grandparent)

div (great-grandparent)

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

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

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

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

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

parents()

closest()

其他相关方法：

$(selector).parents(filter)

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