Метод 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>'.