javascript - 将动态内容添加到 div 后，从 div 中删除占位符图像

Question

如果我有一个 div 充当容器，当它为空时显示图像，并且我想在内容被动态添加到容器时删除该图像，那么完成此操作的最佳 Jquery 方法是什么？照常做——

 if ($(".container").html().length <= 0) {
    $('.ad').show();
 }

在这种情况下不起作用，因为要添加的内容是动态的并且不涉及刷新。我尝试将签入存储在每 100 毫秒运行一次的 setIntercal 函数中，但结果并没有达到预期的效果，而且它还导致页面上出现一些奇怪的闪烁。

编辑**

如果我不必支持 IE8，我将在所有情况下都使用 Josh Burgess 的方法。因此，我将退回到在触发添加内容的单击事件时添加一个 .hide() 方法。谢谢您的帮助！

Answer 1

为什么要使用 jQuery？

试试这个 CSS：

div.myDiv:empty{
  background-image: url(path/to/myimage);
  height: 50px;
  width: 50px;
}

div.myDiv {
  background-image: none;
  height:auto;
  width: auto;
}

- 编辑 -

这是 jsfiddle 中的一个工作示例，它也可以反向工作