jQuery中parent方法与parents方法

最新推荐文章于 2020-02-26 11:50:40 发布

离弃。

最新推荐文章于 2020-02-26 11:50:40 发布

阅读量210

点赞数

本文链接：https://blog.csdn.net/faithinmyheart/article/details/102990994

版权

parent方法：该方法返回的是离选择器的标签中最近的一个父标签；

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script src="js/jquery-3.4.1.js"></script>
	<body>
		<form>
		<input type="button" value="点"/>
		<input type="submit" value="提交"/>
		</form>
		<script>
			var e = $("[type=submit]").parent()[0];
			console.log(e);
		</script>
	</body>
</html>

结果：只返回一个<form></form>

parents方法：该方法返回的是选择器的标签中的所有父标签；

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script src="js/jquery-3.4.1.js"></script>
	<body>
		<form>
		<input type="button" value="点"/>
		<input type="submit" value="提交"/>
		</form>
		<script>
		$("[type=submit]").parents().each(function(){
				console.log(this);
			})
		</script>
	</body>
</html>

结果：<form></form> <body></body>

离弃。

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery中parent方法与parents方法

parent方法：该方法返回的是离选择器的标签中最近的一个父标签；<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script src="js/jquery-3.4.1.js"&gt...
复制链接

扫一扫