Метод after в jQuery

Метод after позволяет добавлять текст в после элементов.

Рассмотрим следующий пример, пусть у нас есть абзац:

html<p>text</p>

Теперь прописываем следующий Javascript код:

javascript$('p').after('<b>!!!</b>');

После выполнения кода абзац станет выглядеть так:

html<p>text</p><b>!!!</b>

Необходимо отметить, что все методы вышеприведенные вставки - prepend, append, before и after также предусматривают возможность применения функции к каждому элементу в наборе.

Давайте найдем все абзацы и в конец каждому из них поставим его порядковый номер в наборе:

html<p>text</p>
<p>text</p>
<p>text</p>
javascript$('p').append(function(index){return index;});
Задание 1

После каждого h2 вставьте '<p>?</p>'.

Задание 2

Одной цепочкой перед каждым h2 вставьте '<p>!</p>', а после h2 - '<p>?</p>'.