Metodo after
Il metodo after aggiunge testo dopo
l'elemento specificato. Esiste anche il metodo
insertAfter,
che funziona in modo analogo.
Sintassi
Inserire testo dopo un elemento:
$(selettore).after(testo);
In questo modo, dopo gli elementi selezionati verrà aggiunto il testo che sarà restituito dalla funzione personalizzata. La funzione viene chiamata separatamente per ciascuno degli elementi selezionati. Nel primo parametro di questa funzione viene passato l'indice di ciascuno degli elementi selezionati (a turno), nel secondo - il contenuto corrente dell'elemento:
$(selettore).after(function(indice, contenuto corrente dell'elemento));
Il testo può essere non solo testo semplice ma anche un elemento DOM o un oggetto jQuery. In questo caso questi elementi verranno spostati dalla loro posizione nel codice HTML.
Esempio
Inseriamo del testo dopo il paragrafo specificato:
<p id="test">testo</p>
$('#test').after('!!!');
Il codice HTML diventerà così:
<p id="test">testo</p>!!!
Esempio
Inseriamo del testo con dei tag dopo il paragrafo specificato:
<p id="test">testo</p>
$('#test').after('<p>!!!</p>');
Il codice HTML diventerà così:
<p id="test">testo</p><p>!!!</p>
Esempio
Spostiamo un paragrafo sotto l'altro (cioè taglieremo il paragrafo dalla sua vecchia posizione e lo inseriremo in una nuova):
<p id="p1">testo1</p>
<p id="p2">testo2</p>
$('#p1').after($('#p2'));
Il codice HTML diventerà così:
<p id="p1">testo1</p>
<p id="p2">testo2</p>
Vedi anche
-
metodo
insertAfter,
che aggiunge testo dopo l'elemento specificato -
metodi
before,append,prepend,
che consentono di aggiungere contenuto in un punto specifico della pagina -
metodo
clone,
che crea copie degli elementi selezionati
