Metoden before

Metoden before tilføjer tekst før det angivne element. Der findes også en metode insertBefore, som fungerer på samme måde.

Syntaks

Indsæt tekst før et element:

javascript$(selector).before(tekst);

Sådan vil tekst, som returneres af en brugerdefineret funktion, blive tilføjet før de valgte elementer:

javascript$(selector).before(function(index i sættet));

Endnu en variant af funktionen, hvor den anden parameter angiver elementets gamle html-værdi:

javascript$(selector).before(function(index i sættet, html-streng));

Teksten 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 før den angivne paragraf:

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

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

HTML-koden vil se sådan ud:

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

Eksempel

Lad os indsætte tekst med tags før den angivne paragraf:

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

javascript$('#test').before('<p>!!!</p>');

HTML-koden vil se sådan ud:

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

Eksempel

Lad os sætte den ene paragraf over den anden (dvs. skære paragraffen ud fra dens gamle placering og sætte den på en ny):

html<p id="p1">tekst1</p>
<p id="p2">tekst2</p>

javascript$('#p2').before($('#p1'));

HTML-koden vil se sådan ud:

html<p id="p1">tekst1</p>
<p id="p2">tekst2</p>

Se også