javascript - Javascript 隐藏 div (is:empty) 问题

Question

有一些代码来隐藏一个 div，如果它的内容是空的。这应该工作......它以前工作过。我在这里遗漏了一些明显的东西吗？div 类 = "msgalert"

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

对应的 CSS 是：

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

请帮忙！谢谢 ：）

Answer 1

尝试检查 of 的长度是否html()为.msgalert0 而不是检查是否为: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');