javascript - 如果 div 滑出 View 后将其删除？

Question

我目前正在使用以下内容:

var $alertdiv = $('<div id = "alertmsg"></div>');
$alertdiv.text("Profile Image Updated");
$alertdiv.bind('click', function() {
    $(this).slideUp(200);
    });
    $("#alertmsg").slideDown("slow"); 
    setTimeout(function() { $alertdiv.slideUp(200) }, 3000);
}

但是如果配置文件再次更新，我注意到代码每次都会添加一个新的alertmsg div，并且第一个设置为display:block，因此它始终可见。是否可以从代码中删除 div (已尝试过:

var elem = document.getElementById("#alertmsg");
elem.parentNode.removeChild(elem);

无济于事)或者只是运行 if/else 语句，如果 div 已经存在，则不会再次创建它？我已经尝试过这个，但再次没有喜悦(我不太擅长 JS)。

提前致谢

Answer 1

一种解决方案是在执行 SlideUp 后删除 div。

setTimeout(function() { $alertdiv.slideUp(200, function() { $alertdiv.remove(); }) }, 3000);