jquery怎么判断元素内容是否为空-木庄网络博客

2022-02-22 19:39:20 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

方法：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>