隐藏父div，当没有子div时

Question

如果不包含任何子div，如何在父div上设置display none（或添加css样式）？ 子div是由系统动态附加的，所以我们需要在父级上设置一个css类，什么时候没有子级。 任何jquery想法？

Answer 1

您不需要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 2

默认情况下，将display: none;设置为您的父级。当您动态附加孩子时，您可以设置display: block

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();
}