insertAfter()

посл. ред. 12.08.2016

Метод insertAfter() добавляет элементы, представленные текущим jQuery-объектом, после каждого элемента, указанного аргументом (после закрывающего тега).

Варианты использования

jQ_object.insertAfter(селектор) => jQuery: Добавляет/перемещает элементы текущей выборки после каждого элемента, удовлетворяющего указанному селектору.
jQ_object.insertAfter(DOM-элемент) => jQuery: Добавляет/перемещает элементы текущей выборки после указанного DOM-элемента.
jQ_object.insertAfter(jQuery-объект) => jQuery: Добавляет/перемещает элементы текущей выборки после каждого элемента, представленного jQuery-объектом.

Примеры

<html>
<head>
  <title>Работа с элементами DOM</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p>Параграф 1</p>
  <p>Параграф 2</p>
</body>
</html>
 
<script>
$('<p>Автор: </p>')
  .insertAfter('p');
/* добавление HTML-кода после каждого параграфа */
</script>

Параграф 1

Автор:

Параграф 2

Автор:

<html>
<head>
  <title>Работа с элементами DOM</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p class="par1">Параграф 1</p>
  <p>Параграф 2</p>
  <p class="par3">Параграф 3</p>
</body>
</html>
 
<script>
$('.par3')
  .insertAfter('.par1');
/* перемещение 3-го параграфа после 1-го */
</script>

Параграф 1

Параграф 3

Параграф 2