通过关系（父元素及子元素）查找jQuery对象，学习笔记

最新推荐文章于 2024-04-15 20:23:43 发布

qianlingvip

最新推荐文章于 2024-04-15 20:23:43 发布

阅读量912

点赞数

本文链接：https://blog.csdn.net/zhangqling/article/details/79943528

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div id="box">
		<div id="box1">
			<div class="infor" ><p id="infor">你好</p></div>
		</div>
	</div>
	<script src="../jquery/jquery-3.3.1.js"></script>
	<script>
		$(function(){
			var element=$("#infor").parents("div");//包括父元素的父元素，也即祖先元素。
			var element0=$("#infor").parentsUntil("#box");//查找到选定的祖先元素
			var element1=$("#infor").parent("div");//只包括父元素，不包括父元素的父元素
			var elem=$("#box").children();//不包括孙子元素，不返回节点文本
			var ele=$("#box").contents("div");//不包括孙子元素,返回节点文本
			var ele1=$("#infor").closest("#box");//从当前开始匹配，直到找到要查找的祖先元素为止，如果查找不到，则返回值为空的jQuery对象
			console.log(element);
			console.log(element0);
			console.log(element1);
			console.log(elem);
			console.log(ele);
			console.log(ele1);
		})
	</script>
</body>
</html>

运行结果如下图所示：

qianlingvip

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
通过关系（父元素及子元素）查找jQuery对象，学习笔记

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;div id=&quo
复制链接

扫一扫