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

$(document).ready(function(){

   $("#but1").click(function(){
      $("<p>Я второй абзац.</p>").insertAfter("#par1");
   });
   $("#but2").click(function(){
      $("#par2").insertAfter("#par1");
   });

});

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

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

Данный метод может также использоваться для перемещения уже существующих на странице элементов.

Синтаксис

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

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

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

$(селектор1).insertAfter(селектор2)

селектор1 позволяет выбрать элемент, который будет перемещен.

селектор2 позволяет выбрать элемент, после которого будет помещен элемент выбранный с помощью первого селектора.