English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

метод jQuery replaceWith()

Методы HTML/CSS jQuery

метод replaceWith() заменяет выбранный элемент новым содержимым.

метод replaceWith() похож наreplaceAll()ноcontentиselectorПротивоположное.

Синтаксис:

Содержимое замены:

$(selector).replaceWith(content)

Использование функции для замены содержимого:

$(selector).replaceWith(function(index))

Пример

Замена всех абзацев на элемент <h1>:

$("button").click(function(){
  $("p").replaceWith("<h1>Новый заголовок</h1>");
});
Проверьте, посмотрите‹/›

Использование функции для замены содержимого:

$("button").click(function(){
  $("p").replaceWith(function(i){
    return "<h2>Этот элемент имеет индекс " + i + ".</h2>";
  });
});
Проверьте, посмотрите‹/›

Значение параметра

ПараметрОписание
contentУказать содержимое для вставки (может содержать HTML-теги)

Возможные значения:

  • Элемент HTML

  • Элемент DOM

  • Объект jQuery

function(index)Указать функцию, которая возвращает HTML-содержимое для замены
  • index-Вернуть индекс элемента в наборе

Методы HTML/CSS jQuery