Пример использования

$(document).ready(function(){
  
   $("#but1").click(function(){
      $("#par1").before("<p>Я первый абзац.</p>");
   });
   $("#but2").click(function(){
      $("#wrap p").before(function(i){
         if (i==0)
            {return "<br /><b>Я буду добавлен перед "+(i+1)+"-м абзацем.</b>";}
         return "<b>Я буду добавлен перед "+(i+1)+"-м абзацем.</b>";
      });
   });

});

Определение и использование

С помощью метода before Вы можете вставить указанное содержимое перед выбранным элементом.

Синтаксис

$(селектор).before(содержимое)

селектор выбирает элемент, перед которым будет вставлено указанное содержимое.

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

$(селектор).before(function(индекс))

function функция возвращающая значение, которое будет вставлено перед выбранным элементом.

индекс имя параметра, который передается функции и обозначает порядковый номер данного элемента среди группы выбранных элементов.