如何讓整個div在刪除內容時消失？

我使用這個類DIV中：如何讓整個div在刪除內容時消失？

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

股利是這樣

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

當我刪除的內容，股利仍然顯示綠色補丁。我想整個div消失。我在班裏成功使用了display=table。它適用於forefox，不適用於Chrome。請幫助。

來源

2013-08-03 gaurav oberoi

我們確實需要一些比這更多的信息。什麼是內容或什麼是包裝。例如，在jsfiddle.net上提供一個jsfiddle。 –

使用

style='display:none;'

刪除後。

來源

2013-08-03 11:10:58

嘗試:empty選擇：

.successful:empty{ 
    display: none; 
}

來源

2013-08-03 11:11:05 Cherniv

短時間內的通知：這是[不支持]（https://developer.mozilla.org/en-US/docs/Web/CSS/:empty#Browser_compatibility）在IEs低於9時。 – cr0

@ cr0當然，這就是爲什麼我寫了「試試」:) – Cherniv

你要麼需要使用javascript或jQuery來解決這個問題。

這裏是一個使用jQuery的例子。

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

來源

2013-08-03 11:14:04 Praveen

使用jQuery

$(".successful").css("display","none");

雖然它會更好，如果你用「#ID」爲DIV，而不是個「.class」

來源

2013-08-03 11:39:34 Octane

使用jQuery上刪除活動和隱藏或顯示沒有那個潛水。

style='display:none;'

或使用像

$('any activity at which you want to delete the div').click(function() { 

$('.successful').css('display','none');

}）;

來源

2013-08-03 12:11:38 saadk

您可以通過多種方式實現此目的。我剛剛在以下鏈接中提到了兩個：jsfiddle - full code！

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

來源

2013-08-03 12:44:14 MartinOnTheNet

如何讓整個div在刪除內容時消失？

回答

相關問題