如何隐藏面板主体为空？

Question

如果 panel-body 为空，我想隐藏它。

示例如下：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，如果父容器为空，则隐藏父容器。

如果这与您的想法不完全一致，请告诉我，我可以进行调整。