Question

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

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

   <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

Answer 2

您可以使用：

if($('.portfolio-works-container').contents().length == 0) {
    $('#portfolio').hide()
}

Answer 3

使用.is()和:empty()选择器。试试这个：

if($(".portfolio-works-container").is(':empty')){
   $("#portfolio").hide();
}

Answer 4

由于您已经在使用jQuery（因为标记了问题）：

if ($('.portfolio-works-container').html()=='')
    $('#portfolio').hide();

Answer 5

为了隐藏父div，你需要使用jquery的parent（）函数找到父元素。在下面的代码中，您将检查div是否为空，然后查找父div并隐藏它们

if( !$.trim($('.portfolio-works-container').html()) ) {
   $(this).parent().hide();
   $(this).parent().parent().hide();

}

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

5 个答案: