Metoden before
Metoden before legger til tekst før det angitte
elementet. Det finnes også en metode
insertBefore,
som fungerer på en lignende måte.
Syntaks
Setter inn tekst før et element:
$(selector).before(tekst);
Slik vil teksten som returneres av brukerdefinert funksjon bli lagt til før de valgte elementene:
$(selector).before(function(indeks i settet));
Enda en bruksmåte for funksjonen, der den andre parameteren angir den gamle html-verdien til elementet:
$(selector).before(function(indeks i settet, html-streng));
Teksten kan ikke bare være vanlig tekst, men også et DOM-element eller et jQuery-objekt. I dette tilfellet vil disse elementene bli flyttet fra sin posisjon i HTML-koden.
Eksempel
La oss sette inn tekst før den angitte avsnittet:
<p id="test">tekst</p>
$('#test').before('!!!');
HTML-koden vil da se slik ut:
!!!<p id="test">tekst</p>
Eksempel
La oss sette inn tekst med tagger før den angitte avsnittet:
<p id="test">tekst</p>
$('#test').before('<p>!!!</p>');
HTML-koden vil da se slik ut:
<p>!!!</p><p id="test">tekst</p>
Eksempel
La oss plassere ett avsnitt over det andre (dvs. klippe ut avsnittet fra den gamle plasseringen og sette det inn på den nye):
<p id="p1">tekst1</p>
<p id="p2">tekst2</p>
$('#p2').before($('#p1'));
HTML-koden vil da se slik ut:
<p id="p1">tekst1</p>
<p id="p2">tekst2</p>
Se også
-
metoden
insertBefore,
som legger til tekst før det angitte elementet -
metodene
after,append,prepend,
som tillater å legge til innhold på et spesifikt sted på siden -
metoden
clone,
som oppretter kopier av de valgte elementene
