DeeDi - трезвые записки

insertAfter(content)

Добавляет все выбранные элементы после другого набора элементов. При этом первый набор элементов будет как бы "вырезан" со своего прежнего места:

HTML :
<style type="text/css">
#example_j p {border:solid 1px #999; margin-bottom:10px; padding:5px}
#example_j span{color:red;}
</style>
<div id="example_j">
<span>Первый набор элементов </span>
<p>Это Второй набор элементов, после которого вставляем </p>
</div>
JS:
$(document).ready(function() {
$("#example_j span").insertAfter("#example_j p");});
Результат набора примера:
Первый набор элементов

Это Второй набор элементов, после которого вставляем

Боковой текст: