隐藏父项 div ，当里面没有子项 div 时

Question

如果父 div 不包含任何子 div，如何设置显示 none（或添加 css 样式）？ child div 是系统动态附加的，所以我们需要在parent 上设置一个css class，当里面没有child 的时候。有什么 jquery 想法吗？

Answer 1

将 display: none; 默认设置为您的 parent。当您动态附加 child 时，您设置 display: block

Answer 2

您不需要 jQuery/ javascript/ angular 或其他任何东西

CSS3's :empty 伪选择器可以提供帮助

.displayNoneWhenEmpty:empty{
  display:none;
}

<div class="displayNoneWhenEmpty">Not Empty</div>

<div class="displayNoneWhenEmpty"></div>

Inspect 在运行脚本之后，看到 style 适用于 empty div

Answer 3

if($("<parent>").children().length == 0) 
$("<parent>").hide();

Answer 4

我假设关注 html

HTML

<div class="parent">
  <div class="child">

  </div>
</div>

使用这个jquery代码

Jquery

if($('.parent').is(':empty')){
   $('.parent').hide();
}

Hide parent div , when no child div inside