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

Метод insertBefore() jQuery

Для before() выражения выбора перед функцией, содержимое в качестве параметра

Методы HTML/CSS jQuery

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

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

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

  • Использованиеbefore()Выборное выражение перед функцией, содержимое в качестве параметра

  • ИспользованиеinsertBefore()Насыщенный, наоборот, содержимое перед методами, оно будет помещено перед элементом параметра

Грамматика:

$(content).insertBefore(selector)

Пример

Вставка HTML-элемента перед каждым абзацем:

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

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

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

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

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

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

  • Элемент HTML

  • Элемент DOM

  • Объект jQuery

selectorВыбранный элемент будет вставлен перед элементом,指定的 этим параметром

Методы HTML/CSS jQuery