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

Метод jQuery before()

Методы HTML/CSS jQuery

before() для вставки указанного содержимого перед выбранным элементом.

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

Синтаксис:

Вставить содержимое:

$("selector").before(content)

Вставка содержимого с помощью функции:

$("selector").before(function(index))

Пример

Вставка содержимого перед каждым абзацем:

$("button").click(function(){
  $("p").before("<p>Hello world</p>");
});
Проверьте, <br>›/›

Вставка содержимого с помощью функции:

$("button").click(function(){
  $("p").before(function(i){
    return "<p>Индекс этого p: " + i + ".</p>";
  });
});
Проверьте, <br>›/›

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

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

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

  • Элемент HTML

  • Элемент DOM

  • Объект jQuery

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

Методы HTML/CSS jQuery