jQuery 查找父元素的函数 parent 和 parents 的区别

函数	描述
parent([expr])	查找子节点childNode的父节点，不包括祖先节点
parents([expr])	查找子节点childNode的父节点，包括祖先节点

Talk is cheap. Show me the code. ——Linus Torvalds

<div class="container">
	<div class="parent-1">
		<span>A</span>
	</div>
	<div class="parent-2">
		<span>B</span>
	</div>
	<div class="parent-3">
		<span>C</span>
	</div>
</div>

（1）查找 span 标签的父节点以及祖先节点：

$("span").parents();

查找结果显示，每一个 span 标签的父节点 div 被查找出来，并且祖先节点 html、body 这些标签也都被查找出来。

（2）查找 span 标签的父节点：

$("span").parent();

每一个 span 标签的父节点，不包括祖先节点，只查找上一代节点。

这两个函数都有一个可选参数：查找子节点中父节点或祖先节点符合expr的标签。

$("span").parents(".container");

结果只查找到类名是 container 的节点。