Rumah > Artikel > hujung hadapan web > jquery怎么判断元素内容是否为空
jquery怎么判断元素内容是否为空
- 青灯夜游asal
- 2021-01-06 17:02:304230semak imbas
方法：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>
<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>效果图：
更多编程相关知识，请访问：编程教学！！
Atas ialah kandungan terperinci jquery怎么判断元素内容是否为空. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery如何让select不可用Artikel seterusnya：Node.js是什么？优势是什么？