after-metodi jQuery:ssä
Metodi after mahdollistaa
tekstin lisäämisen elementtien jälkeen.
Tarkastellaan seuraavaa esimerkkiä, oletetaan että meillä on kappale:
<p>teksti</p>
Kirjoitamme nyt seuraavan Javascript-koodin:
$('p').after('<b>!!!</b>');
Koodin suorittamisen jälkeen kappale näyttää tältä:
<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:
<p>teksti</p>
<p>teksti</p>
<p>teksti</p>
$('p').append(function(index){return index;});
Jokaisen h2 jälkeen lisää '<p>?</p>'.
Yhdellä ketjulla, ennen jokaista h2:tä, lisää
'<p>!</p>', ja h2:n jälkeen -
'<p>?</p>'.
