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:

javascript$(selector).before(tekst);

Slik vil teksten som returneres av brukerdefinert funksjon bli lagt til før de valgte elementene:

javascript$(selector).before(function(indeks i settet));

Enda en bruksmåte for funksjonen, der den andre parameteren angir den gamle html-verdien til elementet:

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

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

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

HTML-koden vil da se slik ut:

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

Eksempel

La oss sette inn tekst med tagger før den angitte avsnittet:

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

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

HTML-koden vil da se slik ut:

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

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

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

HTML-koden vil da se slik ut:

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

Se også