Wie zu verbergen Panel-Körper ist leer?

Question

Ich möchte Panel-Körper ausblenden, wenn es leer ist.

Hier ist das Beispiel: BootPly

Javascript-Code:

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

-Code 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

Wie wäre es so etwas? http://www.bootply.com/bKb0isdzKA

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

Sie hatten ein paar Probleme. Zum einen verwendeten Sie #container als Selektor, obwohl container eine Klasse ist. Darüber hinaus haben Sie überprüft, ob body-panel leer war, aber es enthielt eine untergeordnete div, so dass es immer HTML-Inhalt hätte.

Der obige Code wird jede .form-group Schleife durchlaufen und den übergeordneten Container ausblenden, wenn es leer ist.

Wenn das nicht genau das ist, was Sie vorhatten, lassen Sie es mich wissen und ich kann Anpassungen vornehmen.