Javascript新手问题

Question

我使用jquery插件上传文件，插件检查文件维度并返回相应的错误消息。我正在显示的错误信息是使用此代码。

$('#divmsg6').append("<p class = 'red'>Incorrect file dimension, try again</p>");

现在，如果用户继续尝试错误将继续追加，那就是追加意味着什么。而不是追加我希望我的错误代码每次找到时都被替换。什么是js代码？

Answer 1

您可以使用html()方法：

$('#divmsg6').html("<p class = 'red'>Incorrect file dimension, try again</p>");

Answer 2

对我来说，隐藏/显示错误比移除/添加相同的东西更好。

HTML

<div id="divmsg6"><p class = 'red'>Incorrect file dimension, try again</p></div>

css

#divmsg6 p.red {
   display: none;
}

发生错误时，jQuery就像这样，

$('#divmsg6 p.red').show(); // show error message.

然后你可能想隐藏一段时间。

$('#divmsg6 p.red').show(function(){
    var $this = $(this);
    setTimeout(function(){
       $this.fadeOut(1500);
    },1500);
});

或隐藏它的任何其他变体都可以，只在发生错误时再次显示它。

simple demo