Il metodo after in jQuery
Il metodo after permette di aggiungere
testo dopo gli elementi.
Consideriamo il seguente esempio, supponiamo di avere un paragrafo:
<p>testo</p>
Ora scriviamo il seguente codice Javascript:
$('p').after('<b>!!!</b>');
Dopo l'esecuzione del codice, il paragrafo apparirà così:
<p>testo</p><b>!!!</b>
È necessario notare che tutti i metodi di inserimento sopra menzionati
- prepend, append,
before e after prevedono anche
la possibilità di applicare una funzione a ciascun
elemento nel set.
Troviamo tutti i paragrafi e alla fine di ciascuno di essi inseriamo il suo indice ordinale nel set:
<p>testo</p>
<p>testo</p>
<p>testo</p>
$('p').append(function(index){return index;});
Dopo ogni h2 inserisci '<p>?</p>'.
Con una singola catena, prima di ogni h2 inserisci
'<p>!</p>', e dopo h2 -
'<p>?</p>'.
