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

2022-4-8

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

声明：
1.本站主要是为了记录工作、学习中遇到的问题，可能由于本人技术有限，内容难免有纰漏，一切内容仅供参考。
2.本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！
3.本站所有原创作品，包括文字、资料、图片、网页格式，转载时请标注作者与来源。

THE END

如何解决windows系统和linux系统中端口被占用

<<上一篇

php判断txt文件是否为空

下一篇>>