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

Question

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

Answer 1

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

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

.displayNoneWhenEmpty:empty{
  display:none;
}

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

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

Inspect运行脚本后，看看这style适用于empty div