添加動態內容后，從div中刪除占位符圖像

Question

如果我有一個div作為容器，當空顯示圖像時，我想在內容動態添加到容器時刪除該圖像，那么最好的Jquery方法是什么？ 做平時 -

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

在這種情況下不起作用，因為添加的內容是動態的，不涉及刷新。 我嘗試將檢查存儲在一個setIntercal函數中，該函數每100毫秒運行一次，但結果沒有按預期結果，它也導致頁面上出現奇怪的閃爍。

編輯**

如果我不需要支持IE8，Josh Burgess的方法將是我在所有情況下使用的方法。 因此，我將在觸發添加內容的click事件時添加.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中的一個工作示例，它也可以反向工作