Jquery判断div是否为空以实现显示或隐藏的代码

发布时间:2020-03-19编辑:脚本学堂
如何用Jquery判断div是否为空,以便进行显示与隐藏呢?本文为大家举一个简单的例子,供大家参考。

代码如下:

//记得引入外部jquery框架文件
<script language="javascript" type="text/javascript">
/**
 * 判断div是否为空 显示 隐藏
 * http://www.jb200.com
*/
 $().ready(function() {
  //判断zhichimeiti2list这个div中是否有内容,如果没有隐藏他的父级div 及子div
  $(".zhichimeiti2list").each(function(){
              var t = $(this).html();
              t = t.replace(/[rn]/g,"").replace(/[ ]/g,"");
              if(t == ''){
                    //$(".zhichimeiti2list").parent().css("display","none");这个也是隐藏
                     $(this).parent().hide();
              }
          });

 //判断zhichimeitilist这个div中是否有内容,如果没有隐藏div 及子div zhichimeitilist
     $(".zhichimeitilist").each(function(){
              var t = $(this).html();
              t = t.replace(/[rn]/g,"").replace(/[ ]/g,"");
              if(t == ''){
                    $(".zhichimeitilist").css("display","none");
              }
          });

 });
</script>