after-metodi
after-metodi lisää tekstin
määritetyn elementin jälkeen. On olemassa myös
insertAfter-metodi,
joka toimii vastaavalla tavalla.
Syntaksi
Tekstin lisääminen elementin jälkeen:
$(valitsin).after(teksti);
Näin valittujen elementtien jälkeen lisätään teksti, jonka käyttäjän määrittämä funktio palauttaa. Funktiota kutsutaan erikseen jokaiselle valituille elementeille. Ensimmäinen parametri tässä funktiossa on kunkin valitun elementin indeksi joukossa (vuorotellen), toinen on elementin nykyinen sisältö:
$(valitsin).after(function(indeksi joukossa, elementin nykyinen sisältö));
Teksti voi olla paitsi tavallista tekstiä, myös DOM-elementti tai jQuery-objekti. Tässä tapauksessa nämä elementit siirretään niiden nykyiseltä paikalta HTML-koodissa.
Esimerkki
Lisätään teksti määritetyn kappaleen jälkeen:
<p id="test">teksti</p>
$('#test').after('!!!');
HTML-koodi näyttää tältä:
<p id="test">teksti</p>!!!
Esimerkki
Lisätään teksti tunnisteineen määritetyn kappaleen jälkeen:
<p id="test">teksti</p>
$('#test').after('<p>!!!</p>');
HTML-koodi näyttää tältä:
<p id="test">teksti</p><p>!!!</p>
Esimerkki
Siirretään yksi kappale toisen alle (eli leikataan kappale vanhalta paikalta ja asetetaan uudelle):
<p id="p1">teksti1</p>
<p id="p2">teksti2</p>
$('#p1').after($('#p2'));
HTML-koodi näyttää tältä:
<p id="p1">teksti1</p>
<p id="p2">teksti2</p>
Katso myös
-
insertAfter-metodi,
joka lisää tekstin määritetyn elementin jälkeen -
before-,append-,prepend-metodit,
jotka mahdollistavat sisällön lisäämisen tiettyyn paikkaan sivulla -
clone-metodi,
joka luo kopioita valituista elementeistä