javascript - Javascript Hide div（is：empty）の問題

Question

divの内容が空の場合は、divを非表示にするコードを用意します。これは機能する必要があります...以前は機能していました。ここで明らかな何かが欠けていますか？div class = "msgalert"

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

対応するCSSは次のとおりです。

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

助けてください！ありがとう：）

score 3 · Accepted Answer

次のように、の長さがであるかどうかを確認する代わりに、の長さが 0 であるかどうかを確認しhtml()てください。.msgalert:empty

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

html()空白も考慮してをトリミングする必要があります。

score 1 · Accepted Answer

私のバージョンを投稿するだけで、

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

2 に答える 2