Metoden append
Metoden append tilføjer tekst til slutningen
af et element. Der findes også en metode
appendTo,
som fungerer på samme måde.
Syntaks
Indsæt tekst i slutningen af et element:
$(selector).append(tekst);
Til slutningen af de valgte elementer kan du tilføje tekst, som returneres af en brugerdefineret funktion. Funktionen kaldes for hvert af de valgte elementer. Ved kaldet modtager den følgende parametre: elementets position i sættet, elementets nuværende indhold:
$(selector).append(function(nummer i sættet, nuværende indhold af elementet));
Indholdet kan ikke kun være almindelig tekst, men også et DOM-element eller et jQuery-objekt. I dette tilfælde flyttes disse elementer fra deres position i HTML-koden.
Eksempel
Lad os indsætte tekst i slutningen af det givne afsnit:
<p id="test">tekst</p>
$('#test').append('!!!');
HTML-koden vil se sådan ud:
<p id="test">tekst!!!</p>
Eksempel
Lad os indsætte tekst med tags i slutningen af det givne afsnit:
<p id="test">tekst</p>
$('#test').append('<b>!!!</b>');
HTML-koden vil se sådan ud:
<p id="test">tekst<b>!!!</b></p>
Eksempel
Lad os finde alle afsnit og til slutningen af hvert af dem sætte dets rækkenummer i sættet:
<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 se sådan ud:
<p>tekst0</p>
<p>tekst1</p>
<p>tekst2</p>
<p>tekst3</p>
<p>tekst4</p>
