Metoda after
Metoda after adaugă text după
elementul specificat. De asemenea, există metoda
insertAfter,
care funcționează într-un mod similar.
Sintaxă
Inserarea textului după element:
$(selector).after(text);
În acest fel, după elementele selectate va fi adăugat textul care va fi returnat de funcția utilizator. Funcția este apelată, separat pentru fiecare dintre elementele selectate. În primul parametru al acestei funcții intră numărul din setul fiecăruia dintre elementele selectate (pe rând), în al doilea - conținutul actual al elementului:
$(selector).after(function(numărul din set, conținutul actual al elementului));
Textul poate fi nu doar text simplu, ci și un element DOM sau un obiect jQuery. În acest caz, aceste elemente vor fi mutate de la poziția lor în codul HTML.
Exemplu
Să inserăm text după paragraful specificat:
<p id="test">text</p>
$('#test').after('!!!');
Codul HTML va arăta astfel:
<p id="test">text</p>!!!
Exemplu
Să inserăm text cu tag-uri după paragraful specificat:
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
Codul HTML va arăta astfel:
<p id="test">text</p><p>!!!</p>
Exemplu
Să mutăm un paragraf sub altul (adică să decupăm paragraful din vechea poziție și să-l plasăm în cea nouă):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after('#p2');
Codul HTML va arăta astfel:
<p id="p2">text2</p>
<p id="p1">text1</p>
Vedeți și
-
metoda
insertAfter,
care adaugă text după elementul specificat -
metodele
before,append,prepend,
care permit adăugarea conținutului într-un loc specific pe pagină -
metoda
clone,
care creează copii ale elementelor selectate
