Замените содержимое DIV на jQuery

Question

Я пытаюсь динамически заменить содержимое DIV, но единственная функция, которую я нашел, которая может динамически вставлять содержимое в DIV, «добавляется», как показано ниже. Однако, как и следовало ожидать, он не заменяет содержимое, а добавляет его. Как мне это сделать?

$("#notification").fadeIn("slow").append('Error!'); 

Answer 1

Попробуйте это:

$("#notification").fadeIn("slow").html('Error!'); 

Answer 2

да, то, как вы можете сделать это с помощью JQuery это можно заменить с JQuery HTML() http://api.jquery.com/html/

$("#notification").html('Error'); 

или исчезают сразу, как это;

$("#notification").hide().html('Error').fadeIn(); 

Answer 3

Вы можете сделать это несколькими способами, используя Jquery

• .html(htmlString) - http://api.jquery.com/html/#html2
• .replaceWith(newContent) - http://api.jquery.com/replacewith/
• .text(text) - http://api.jquery.com/text/#text2

В ваниль Javascript вы можете просто установить innerHTML

document.getElementById("notification").innerHTML = "Error!" 

Answer 4

Вы ищете Jquery .replaceWith()? примеры: here