如何在删除内容时使整个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。它对于forefox来说很好，而不是对于chrome。请帮助。

Answer 1

试试:empty选择器：

.successful:empty{
   display: none;
}

Answer 2

使用

style='display:none;' 

删除后。

Answer 3

在删除活动中使用jquery并隐藏或显示没有潜水。

style='display:none;'

或使用

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

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

}）;

Answer 4

您需要使用javascript或jQuery来解决此问题。

以下是使用jQuery的示例。

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

Answer 5

使用Jquery

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

虽然如果你使用“#id”作为div而不是“.class”

会更好

Answer 6

您可以通过多种方式实现这一目标。我刚刚在以下链接中提到了两个：jsfiddle - full code！

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