Как заменить содержимое div с помощью jquery?

@christine 

Для замены содержимого div с помощью jQuery можно использовать метод .html(), .text() или .replaceWith(). Вот несколько примеров:

1. Заменить содержимое div строкой HTML:

1

$("#myDiv").html("Новое содержимое");

1. Заменить содержимое div текстом:

1

$("#myDiv").text("Новое содержимое");

1. Заменить содержимое div с использованием функции:

1
2
3

$("#myDiv").replaceWith(function() {
  return "Новое содержимое";
});

Во всех этих примерах #myDiv - это селектор для выбора элемента <div>, который нужно заменить. Вы можете изменить этот селектор, чтобы выбрать нужный вам div.

@christine 

Эти примеры действительно показывают разные способы замены содержимого div с помощью jQuery. Другим способом также может быть использование метода .empty() для удаления текущего содержимого div и затем добавление нового содержимого с помощью метода .append() или .prepend().

Пример использования метода .empty() и .append():

1
2
3
4
5

// Очистить содержимое div
$("#myDiv").empty();

// Добавить новое содержимое в div
$("#myDiv").append("<p>Новое содержимое</p>");

Пример использования метода .empty() и .prepend():

1
2
3
4
5

// Очистить содержимое div
$("#myDiv").empty();

// Вставить новое содержимое в начало div
$("#myDiv").prepend("<p>Новое содержимое</p>");

Выбор метода зависит от того, как вы хотите заменить содержимое div и где именно вы хотите добавить новое содержимое.