附加错误消息,想先清除div

Question

我的HTML看起来像和js看起来像这样:

<div class="container"></div>

var html = "<div class="error">hello</div>";

$(".container").append( $(html) );

问题是我没有先用class = container清除div里面的html,所以我不断向该区域添加消息.

我怎样才能首先清除div class ="container"中的任何内容,然后附加我的'html'div？

Answer 1

假设你想要'替换'div中的内容,我认为你需要使用的是:

$(".container").html( html );

一个更jQueryish的方法是:

$errorDiv = $('<div>hello</div>').addClass('error');
$(".container").html($errorDiv.html());

这有一个额外的好处,就是给你一个错误div的引用.