after-metodi jQuery:ssä

Metodi after mahdollistaa tekstin lisäämisen elementtien jälkeen.

Tarkastellaan seuraavaa esimerkkiä, oletetaan että meillä on kappale:

html<p>teksti</p>

Kirjoitamme nyt seuraavan Javascript-koodin:

javascript$('p').after('<b>!!!</b>');

Koodin suorittamisen jälkeen kappale näyttää tältä:

html<p>teksti</p><b>!!!</b>

On huomioitava, että kaikki edellä mainitut lisäysmenetelmät - prepend, append, before ja after mahdollistavat myös funktion soveltamisen jokaiseen elementtiin joukossa.

Etsitään kaikki kappaleet ja laitetaan jokaisen loppuun sen järjestysnumero joukossa:

html<p>teksti</p>
<p>teksti</p>
<p>teksti</p>

javascript$('p').append(function(index){return index;});