编程教育资源分享平台

网站首页 > 后端开发 正文

教你用jquery判断内容是否为空

luoriw 2024-02-01 14:30:17 后端开发 11 ℃ 0 评论

用jquery实现判断一个div盒子里内容是否为空,以内容为判断依据然后可以对它处理,有时内容为空时而盒子设定了高度,就会出现空白,这样很不美观,,那么这时就可以用jquery实现判断一个div盒子里内容是否为空,空时隐藏,有时展现。

例如:

<!DOCTYPE html>

<html>

<head>

<meta charset="gb2312">

<title>jq判断div内容是否为空</title>

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>

</head>

<body>

<div class="box" style="display:none;">内容</div>

<div class="txt"></div>

<script type="text/javascript">

$(function(){

var box=$(".box").html();

if(box==null||box==""){

$(".txt").html("空的哦亲!");

} else {

$(".txt").html("有内容的哦亲!");

}

})

</script>

</body>

</html>

例子中div里有内容,所以输出结果是“有内容的哦亲!

除注明外的文章,均为来源:汤久生博客(QQ:1917843637),转载请保留本文地址!

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表
最新留言