html - コンテンツの削除時にdiv全体を非表示にする方法は?

Question

私は div 内でこのクラスを使用しています:

.successful {
width: 100%;
background-color: #c2f5b2;
border: solid 1px #89bc79;
color: #29ac00;
padding: .5% 1%;
margin: 1% 0;
display: block;}

divは次のようになります

<div class="successful"></div>

コンテンツを削除しても、div にはまだ緑色のパッチが表示されます。div全体を消したいです。display=tableクラス内でうまく使用しました。クロムではなく、フォアフォックスでは問題ありません。助けてください。

Answer 1

:emptyセレクターを試してください：

.successful:empty{
   display: none;
}

Answer 2

使用する

style='display:none;' 

削除後。

Answer 3

これはさまざまな方法で実現できます。次のリンクで 2 つ言及しました: jsfiddle - full code !

<div class="successful">TEST</div>

Answer 4

javascriptこれを使用するかjQuery、解決する必要があります。

jQueryを使った例です。

$('.successful').on('keydown', function() {
 if($(this).text().length == 0) {
   $(this).hide();
   }  
 }
});