如何隐藏面板主体为空？

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并隐藏父容器（如果为空）。

如果这不是您真正想的，请告诉我，我可以进行调整。