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

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

});

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

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

Синтаксис

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

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

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

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

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

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