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);
});

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

简单的演示