jquery 获取包含文本和注释节点在内的所有子节点

最新推荐文章于 2024-04-05 18:34:28 发布

悟世君子

最新推荐文章于 2024-04-05 18:34:28 发布

阅读量545

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/wsjzzcbq/article/details/115617201

版权

jquery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

jquery 获取包含文本和注释节点在内的所有子节点，使用 contents() 方法，children() 方法不返回文本节点

测试代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-3.2.1.min.js"></script>
	</head>
	<body>
		
		<p id="app">
			<span>如此好花如此月,</span>
			莫将花月作寻常
		</p>
		
		<button id="getAll">获取全部contents方法</button>
		<br><br>
		<button id="get">获取children方法</button>
		
		<script>
			 $("#getAll").click(function() {
			 	console.log($("p").contents())
			 })
			 
			 $("#get").click(function() {
			 	console.log($("p").children())
			 })
		</script>
	</body>
</html>

运行效果

至此完

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

悟世君子

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
jquery 获取包含文本和注释节点在内的所有子节点

jquery 获取包含文本和注释节点在内的所有子节点，使用 contents() 方法，children() 方法不返回文本节点测试代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.2.1.min.js"></script> </hea.
复制链接

扫一扫