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

Метод jQuery insertAfter()

Методы HTML/CSS jQuery

метод insertAfter() вставляет指定的 HTML-элемент после выбранного элемента.

Чтобы вставить HTML-элемент перед выбранным элементом, используйте методinsertBefore()метод.

вafter()Выполняет ту же задачу, что и метод insertAfter().Основное различие заключается в синтаксисе:

  • Использованиеafter()Формула выбора перед функцией, параметр - это содержимое, которое нужно вставить.

  • ИспользованиеinsertAfter()Противоположно, содержимое перед методами, оно будет放在 после элемента параметра.

Грамматика:

$("content").insertAfter("selector")

Пример

Вставить HTML-элемент после каждого абзаца:

$("button").click(function(){
  $("<p style='color:red;'>Hello world</p>").insertAfter("p");
});
Проверьте, ›/‹

Используйте метод insertAfter() для вставки существующего элемента после каждого选定ного элемента:

$("button").click(function(){
  $("h1").insertAfter("p");
});
Проверьте, ›/‹

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

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

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

  • Элемент HTML

  • Элемент DOM

  • Объект jQuery

выборщикВыбранный элемент будет вставлен после указанного параметра

Методы HTML/CSS jQuery