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');