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在课堂上成功使用了。它适用于 forefox，而不适用于 chrome。请帮忙。

score 4 · Accepted Answer

4

尝试:empty选择器：

.successful:empty{
   display: none;
}

于 2013-08-03T11:11:05.837 回答

score 2 · Accepted Answer

在删除活动上使用 jquery 并隐藏或显示任何潜水。

style='display:none;'

或像这样使用

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

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

});

score 2 · Accepted Answer

2

利用

style='display:none;'

删除后。

于 2013-08-03T11:10:58.570 回答

score 1 · Accepted Answer

使用 jQuery

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

虽然如果你对 div 使用“#id”而不是“.class”会更好

score 1 · Accepted Answer

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

这是一个使用 jQuery 的示例。

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

score 1 · Accepted Answer

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

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

6 回答 6