Метод after в jQuery
Метод after позволяет добавлять
текст в после элементов.
Рассмотрим следующий пример, пусть у нас есть абзац:
<p>text</p>
Теперь прописываем следующий Javascript код:
$('p').after('<b>!!!</b>');
После выполнения кода абзац станет выглядеть так:
<p>text</p><b>!!!</b>
Необходимо отметить, что все методы вышеприведенные вставки
- prepend, append,
before и after также предусматривают
возможность применения функции к каждому
элементу в наборе.
Давайте найдем все абзацы и в конец каждому из них поставим его порядковый номер в наборе:
<p>text</p>
<p>text</p>
<p>text</p>
$('p').append(function(index){return index;});
После каждого h2 вставьте '<p>?</p>'.
Одной цепочкой перед каждым h2 вставьте
'<p>!</p>', а после h2 -
'<p>?</p>'.