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

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

如何隐藏面板体是空的？

1 个答案: