如何区分parents()与parent()方法

2026-02-14 16:05:36

1、parent() 方法返回被选元素的直接父元素。

DOM 树：该方法只沿着 DOM 树向上遍历单一层级。

比如，span是儿子，直接父元素是li，如图示：

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

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

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

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

如图示：

如何区分parents()与parent()方法