Fare internet

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su Twitter Iscrivita ai nostri Feed      Mandaci una mail

Il metodo append() di jQuery consente di inserire del codice HMTL all’interno dell’elemento selezionato (o degli elementi selezionati) come ultimo figlio, ossia in coda all’utlimo tag precedentemente contenuto.
Il suo utilizzo è molto semplice, supponiamo ad esempio di voler aggiungere un link all’interno di del div che ha id “selDiv”, ci basterà scirvere:

$(‘#selDiv’).append(‘<a href=”url”>Etichetta</a>’);
 
In questo modo possiamo modificare il codice HTML iniziale:

<div id="selDiv">
     <p>Paragrafo</p>
    <span>Span</span>
</div>

Nel seguente:

<div id="selDiv">
     <p>Paragrafo</p>
     <span>Span</span>
     <a href="url">Etichetta</a>
</div>

Il metodo jQuery prepend() invece consente di aggiungere del nuovo codice html all’inizio di un elemento selzionato:
$(‘#selDiv’).prepend(‘<a href=”url”>Etichetta</a>’);
Il risultato dell’applicazione del metodo allo stesso codice inziale sarà:

<div id="selDiv">
     <a href="url">Etichetta</a>
     <p>Paragrafo</p>
     <span>Span</span>
</div>
 

Twitter