> 网站教程 > jquery判断DIV标签内有内容就显示，无内容就隐藏指定DIV

jquery判断DIV标签内有内容就显示，无内容就隐藏指定DIV

网站教程 04-08 1655

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

标签：