Ajax 替换而不是追加

Question

I used the following jQuery example which works like a charm. However it appends the results. What do I need to change to replace the results instead of appending?

Answer 1

you could empty the element before you append

$("#results").empty().append(myHtml);

or use the html method

$("#results").html(myHtml)

Answer 2

Just change

$('#results').append(myHtml);

to

$('#results').html(myHtml);

Answer 3

OK, last entry 2009, but if the problem still exist:

let oldElement = $('#results')
let content = '<div id="#results>9000+</div>'
oldElement = oldElement.replaceWith(content)
let newElement = $('#results')

Answer 4

Empty function before your append or prepend function.

I tried this & it worked --->

frame is id selector & it append image.

$("#frame").empty().append('<img src="" >' );