jquery判断DIV标签内有内容就显示,无内容就隐藏指定DIV
jquery实现DIV标签内有内容就显示,无内容就隐藏DIV,就是让jquery来判断DIV标签是否为空,如果为空则隐藏指定 div
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery实现DIV标签内有内容就显示,无内容就隐藏DIV</title>
</head>
<body>
<style>
.zuozhe{ width:240px; height:120px; background:#ccc;}
</style>
<div class="zuozhe">
<h1>作者生平</h1>
<div class="content">
这里是文章内容,如果为空,则zhozhe这个标签就自动隐藏
</div>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
var divContent=$(".content").html();
if(divContent==0||divContent==null){
$(".zuozhe").hide()
}else{
$(".zuozhe").show()
}
</script>
</body>
</html>
END