How do I replace instead of append in jQuery

Question

i am using a jquery plugin to upload files, the plugin checks the file dimension and return back the appropriate error message. the error message i am displaying is with this code.

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

now if the user keep on trying the error will keep on appending, that's what append is meant for. instead of appending i want my error code to be replaced every time it finds one. what is the js code for that?

Couldn't you just change the innerHTML of divmsg6 to whatever error message you have each time? — Warty
– Warty, Commented Sep 21, 2010 at 6:30

Sarfraz · Accepted Answer · 2010-09-21 06:30:00Z

3

You can use the html() method:

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

answered Sep 21, 2010 at 6:30

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

2

For me, it would be better to hide/show error than, removing/adding the same thing.

html

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

css

#divmsg6 p.red {
   display: none;
}

when error occurs, jQuery it like this,

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

then you might want to hide on some time.

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

or any other variation of hiding it will do, just show it again when error occur.

simple demo

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Sep 21, 2010 at 6:43

Reigel Gallarde

65.5k21 gold badges126 silver badges142 bronze badges

Collectives™ on Stack Overflow

How do I replace instead of append in jQuery

2 Answers 2

Comments

simple demo

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related