javascript - 如何从 2 个子 div 中隐藏父 div？

Question

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

当 .portfolio-works-container div 为空时，我想隐藏 #portfolio。

   <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

试试这个:

jQuery(document).ready(function($){
    if($.trim($('.portfolio-works-container').html()).length == 0){
         $('#portfolio').hide();         
    }
});

请检查:jsfiddle url