Methode before

De methode before voegt tekst toe vóór het opgegeven element. Er bestaat ook een methode insertBefore, die op een vergelijkbare manier werkt.

Syntaxis

Tekst invoegen vóór een element:

javascript$(selector).before(tekst);

Zo wordt vóór de geselecteerde elementen tekst toegevoegd, die wordt geretourneerd door de aangepaste functie:

javascript$(selector).before(function(index in de set));

Nog een variant van het gebruik van de functie, waarbij de tweede parameter de oude html waarde van het element is:

javascript$(selector).before(function(index in de set, html string));

De tekst kan niet alleen gewone tekst zijn, maar ook een DOM-element of een jQuery-object. In dat geval worden deze elementen verplaatst vanuit hun positie in de HTML-code.

Voorbeeld

Laten we tekst invoegen vóór de opgegeven alinea:

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

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

De HTML-code ziet er dan zo uit:

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

Voorbeeld

Laten we tekst met tags invoegen vóór de opgegeven alinea:

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

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

De HTML-code ziet er dan zo uit:

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

Voorbeeld

Laten we de ene alinea boven de andere plaatsen (dus de alinea uit de oude positie knippen en op de nieuwe plaats zetten):

html<p id="p1">text1</p>
<p id="p2">text2</p>

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

De HTML-code ziet er dan zo uit:

html<p id="p1">text1</p>
<p id="p2">text2</p>

Zie ook