Javascript隐藏div（is：empty）问题

Question

有一些代码隐藏div，如果它的内容是空的。 这应该工作......它以前工作过。 我错过了一些明显的东西吗？ div class =“msgalert”

$(document).ready(function () {
    if ($('.msgalert').is(':empty')) {
        $(".msgalert").css({'display':'none'});
    }
});

相应的CSS是：

.msgalert { border: 1px solid #eac572; background-color: #ffe9ad; }

请帮忙！ 谢谢 ：）

Answer 1

尝试检查.msgalert的html()长度.msgalert为0而不是检查它是否为:empty ：如下所示：

if ($.trim($('.msgalert').html()).length == 0) {

您还需要修剪html()以考虑空白。

Answer 2

只是发布我的版本，

$('.msgalert').filter(function () {
   return ($(this).text().length == 0 && $(this).children().length == 0);
}).css('display', 'none');