站长资讯网
最全最丰富的资讯网站

jquery怎么判断元素内容是否为空

方法:1、使用html()获取元素内容,然后通过if判断是否为空,语法“if($(selector).html()){//不为空}”。2、利用“:empty”选择器判断,语法“if($(selector).is(":empty"))”。

jquery怎么判断元素内容是否为空

本教程操作环境:windows7系统、jquery1.7.2版本、Dell G3电脑。

推荐教程:jQuery教程

jquery判断元素内容是否为空的方法

1、使用html()方法获取元素内容,再通过if进行判断

<!DOCTYPE html> <html>  	<head> 		<meta charset="UTF-8"> 		<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 	</head>  	<body> 		<p>默认文本。测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!</p> 		<script type="text/javascript"> 			if($('p').html()) { 				alert('元素内容不为空') 			}else{ 				alert('元素内容为空') 			} 		</script> 	</body>  </html>

2、使用:empty伪类进行判断

<!DOCTYPE html> <html>  	<head> 		<meta charset="UTF-8"> 		<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 	</head>  	<body> 		<p>默认文本。测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!</p> 		<script type="text/javascript"> 			if($('p').is(":empty")) { 				alert('元素内容为空') 			}else{ 				alert('元素内容不为空') 			} 		</script> 	</body>  </html>

效果图:

jquery怎么判断元素内容是否为空

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号