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

Пользователь

от christine , в категории: JavaScript , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от keyon.brown , год назад

@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.

Пользователь

от enid , 12 дней назад

@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 и где именно вы хотите добавить новое содержимое.