Javascript 删除previos警报消息

Im使用以下代码添加消息，其工作正常，问题是 当我把第二条信息放在preivos信息上面时，我看到了它，依此类推。。。 当我添加新消息时，有一种方法可以从UI中删除previos消息

function addInfoMessage(message) {

    var $msg = $("<div class='alert alert-info'><strong>Information : </strong>" + message + "<button type='button' class='close' aria-hidden='true'>&times;</button></div>");
    $messages.append($msg);

}

函数addInfo消息（消息）{
var$msg=$（“信息：”+message+“×；”）；
$messages.append（$msg）；
}

在jQuery中的中使用以删除所有子元素

 $messages.empty();
 var $msg = $("<div class='alert alert-info'><strong>Information : </strong>" + message + "<button type='button' class='close' aria-hidden='true'>&times;</button></div>");
    $messages.append($msg);

$messages.empty（）；
var$msg=$（“信息：”+message+“×；”）；
$messages.append（$msg）；

您必须选择消息并将其删除，如下所示：

function addInfoMessage(message) {
    $messages.find('.alert.alert-info').remove();
    var $msg = $("<div class='alert alert-info'><strong>Information : </strong>" + message + "<button type='button' class='close' aria-hidden='true'>&times;</button></div>");
    $messages.append($msg);
}

函数addInfo消息（消息）{
$messages.find（'.alert.alert info'）.remove（）；
var$msg=$（“信息：”+message+“×；”）；
$messages.append（$msg）；
}

您可以使用

.html（）

而不是

.append（）

，这将替换

$messages

中的所有html代码

function addInfoMessage(message) {

    var $msg = $("<div class='alert alert-info'><strong>Information : </strong>" + message + "<button type='button' class='close' aria-hidden='true'>&times;</button></div>");
    $messages.html($msg);

}

函数addInfo消息（消息）{
var$msg=$（“信息：”+message+“×；”）；
$messages.html（$msg）；
}

不要追加，只需将内容替换为

---

$messages=$msg？。。如果没有，你能更具体地说明你正在尝试做什么以及问题是什么吗？

$messages.html($msg);