Как скрыть панельное тело пусто?

Question

Я хочу скрыть панель, если она пуста.

Вот пример: BootPly

код Javascript:

$(function() { 
    $('#container').load(function() { 
     if($.trim($(this).contents().find("container").find('panel-body').length) == 0) { 
      $(this).hide(); 
     } 
    }); 

Код HTML:

<div class="container"> 
    <div class="row clearfix"> 
     <div class="col-md-9 column"> 
      <div class="panel panel-primary"> 
       <div class="panel-heading">Content</div> 
       <div class="panel-body fixed-panel"> 
        <div class="form-group"> 

        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

Как о чем-то вроде этого? http://www.bootply.com/bKb0isdzKA

$(function() { 
    $('.form-group').each(function() { 
     if ($(this).is(':empty')) { 
      $(this).closest('.container').hide(); 
     } 
    }); 
}); 

У вас было несколько вопросов. Во-первых, вы использовали #container в качестве вашего селектора, несмотря на то, что container является классом. Кроме того, вы проверяли, был ли пуст body-panel, но он содержит дочерний div, поэтому он всегда будет иметь HTML-контент.

Приведенный выше код будет проходить через каждый .form-group и скрыть родительский контейнер, если он пуст.

Если это не совсем то, что вы имели в виду, сообщите мне, и я могу внести коррективы.