Metoden append
Metoden append legger til tekst på slutten
av et element. Det finnes også en metode
appendTo,
som fungerer på en lignende måte.
Syntaks
Setter inn tekst på slutten av et element:
$(selector).append(tekst);
Til slutten av de valgte elementene kan du legge til tekst som returneres av en egendefinert funksjon. Funksjonen kalles separat for hvert av de valgte elementene. Ved oppkalling får den følgende parametere: posisjonen til elementet i settet, elementets nåværende innhold:
$(selector).append(function(nummer i settet, nåværende innhold i elementet));
Innholdet kan også være ikke bare vanlig tekst, men også et DOM-element eller et jQuery-objekt. I dette tilfellet vil disse elementene flyttes fra sin posisjon i HTML-koden.
Eksempel
La oss sette inn tekst på slutten av et gitt avsnitt:
<p id="test">tekst</p>
$('#test').append('!!!');
HTML-koden vil da se slik ut:
<p id="test">tekst!!!</p>
Eksempel
La oss sette inn tekst med tagger på slutten av et gitt avsnitt:
<p id="test">tekst</p>
$('#test').append('<b>!!!</b>');
HTML-koden vil da se slik ut:
<p id="test">tekst<b>!!!</b></p>
Eksempel
La oss finne alle avsnitt og sette rekkefølgenummeret i settet på slutten av hvert av dem:
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
$('p').append(function(index, tekst){return index;});
HTML-koden vil da se slik ut:
<p>tekst0</p>
<p>tekst1</p>
<p>tekst2</p>
<p>tekst3</p>
<p>tekst4</p>