javascript - 如果存在 2 个子 div，隐藏父 div？

Question

我有一个父 div 和 2 个嵌套的子 div。当第二个子 div 不包含任何内容时，我想隐藏第一个子 div 和父 div。我想知道如何做到这一点？

我有 2 个子 div 的原因是因为我正在创建一个响应式网站，所以一个是完全扩展内容，第二个是将内容居中放置在页面中间，第三个是放置内容包含在其中。

      <div id="portfolio"><!--portfolio-->
        <div id="portfolio-works"><!--portfolio-works-->
            <div class="portfolio-works-container"><!--portfolio-works-container-->


          </div><!--/portfolio-works-container-->
        </div><!--/portfolio-works-->
   </div><!--/portfoio--> 

Answer 1

试试这个:

$('.portfolio-works-container').each(function() {
    if($(this).find('.portfolio-img').children().length > 0) {
        $(this).hide();
    }
});