jQuery—查找DOM节点之parent方法与parents()

最新推荐文章于 2024-10-15 00:15:00 发布

脊椎类哺乳动物

最新推荐文章于 2024-10-15 00:15:00 发布

阅读量623

点赞数

分类专栏：网页文章标签： jQuery 前端网页

本文链接：https://blog.youkuaiyun.com/Kiwi_no/article/details/102990859

版权

网页专栏收录该内容

15 篇文章

订阅专栏

本文介绍了jQuery中的parent()和parents()方法，用于获取DOM节点的祖先元素。parents()方法返回所有祖先元素的集合，不包括根元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

parent([expr]) ： 取得一个包含着所有匹配元素的唯一父元素的元素集合。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<div>
			<a id="link" href="http://www.baidu.com">百度</a>
		</div>
		<script>
			console.log($("#link").parent()[0]);
		</script>
	</body>
</html>

（仅在console页面中打印出一个“<div>...</div>”）

parents([expr]) ：取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<div>
			<a id="link" href="http://www.baidu.com">百度</a>
		</div>
		<script>
			$("#link").parents().each(function(){
				console.log(this);
			});
		</script>
	</body>
</html>

console页面显示情况：