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:

javascript$(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:

javascript$(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:

html<p id="test">tekst</p>

javascript$('#test').append('!!!');

HTML-koden vil se sådan ud:

html<p id="test">tekst!!!</p>

Eksempel

Lad os indsætte tekst med tags i slutningen af det givne afsnit:

html<p id="test">tekst</p>

javascript$('#test').append('<b>!!!</b>');

HTML-koden vil se sådan ud:

html<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:

html<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>

javascript$('p').append(function(index, tekst){return index;});

HTML-koden vil se sådan ud:

html<p>tekst0</p>
<p>tekst1</p>
<p>tekst2</p>
<p>tekst3</p>
<p>tekst4</p>

Se også