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

本教程操作环境: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><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/1134" title="Unscreen"><img
src="https://img.php.cn/upload/ai_manual/000/000/000/175680083310723.jpg" alt="Unscreen" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/1134" title="Unscreen">Unscreen</a>
<p>AI智能视频背景移除工具</p>
</div>
<a href="/ai/1134" title="Unscreen" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
<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>效果图:

更多编程相关知识,请访问:编程教学!!









