append-metodi
append-metodi lisää tekstin elementin loppuun.
On olemassa myös
appendTo-metodi,
joka toimii vastaavalla tavalla.
Syntaksi
Tekstin lisääminen elementin loppuun:
$(valitsin).append(teksti);
Valittujen elementtien loppuun voidaan lisätä teksti, jonka käyttäjän määrittelemä funktio palauttaa. Funktiota kutsutaan erikseen jokaiselle valitulle elementille. Kutsuttaessa sille välitetään seuraavat parametrit: elementin sijainti joukossa, elementin nykyinen sisältö:
$(valitsin).append(function(indeksi joukossa, elementin nykyinen sisältö));
Sisältö voi olla paitsi normaalia tekstiä, myös DOM-elementti tai jQuery-olio. Tässä tapauksessa nämä elementit siirretään niiden nykyiseltä paikaltaan HTML-koodissa.
Esimerkki
Lisätään teksti tietyn kappaleen loppuun:
<p id="test">teksti</p>
$('#test').append('!!!');
HTML-koodi näyttää tältä:
<p id="test">teksti!!!</p>
Esimerkki
Lisätään teksti tunnisteineen tietyn kappaleen loppuun:
<p id="test">teksti</p>
$('#test').append('<b>!!!</b>');
HTML-koodi näyttää tältä:
<p id="test">teksti<b>!!!</b></p>
Esimerkki
Etsitään kaikki kappaleet ja laitetaan jokaisen loppuun sen järjestysnumero joukossa:
<p>teksti</p>
<p>teksti</p>
<p>teksti</p>
<p>teksti</p>
<p>teksti</p>
$('p').append(function(indeksi, teksti){return indeksi;});
HTML-koodi näyttää tältä:
<p>teksti0</p>
<p>teksti1</p>
<p>teksti2</p>
<p>teksti3</p>
<p>teksti4</p>
