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:
$(selector).before(tekst);
Sådan vil tekst, som returneres af en brugerdefineret funktion, blive tilføjet før de valgte elementer:
$(selector).before(function(index i sættet));
Endnu en variant af funktionen, hvor den anden parameter angiver elementets gamle html-værdi:
$(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:
<p id="test">tekst</p>
$('#test').before('!!!');
HTML-koden vil se sådan ud:
!!!<p id="test">tekst</p>
Eksempel
Lad os indsætte tekst med tags før den angivne paragraf:
<p id="test">tekst</p>
$('#test').before('<p>!!!</p>');
HTML-koden vil se sådan ud:
<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):
<p id="p1">tekst1</p>
<p id="p2">tekst2</p>
$('#p2').before($('#p1'));
HTML-koden vil se sådan ud:
<p id="p1">tekst1</p>
<p id="p2">tekst2</p>
Se også
-
metoden
insertBefore,
som tilføjer tekst før det angivne element -
metoderne
after,append,prepend,
som giver mulighed for at tilføje indhold på et bestemt sted på siden -
metoden
clone,
som opretter kopier af de valgte elementer
