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:
$(selector).before(tekst);
Zo wordt vóór de geselecteerde elementen tekst toegevoegd, die wordt geretourneerd door de aangepaste functie:
$(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:
$(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:
<p id="test">text</p>
$('#test').before('!!!');
De HTML-code ziet er dan zo uit:
!!!<p id="test">text</p>
Voorbeeld
Laten we tekst met tags invoegen vóór de opgegeven alinea:
<p id="test">text</p>
$('#test').before('<p>!!!</p>');
De HTML-code ziet er dan zo uit:
<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):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p2').before($('#p1'));
De HTML-code ziet er dan zo uit:
<p id="p1">text1</p>
<p id="p2">text2</p>
Zie ook
-
methode
insertBefore,
die tekst toevoegt vóór het opgegeven element -
methoden
after,append,prepend,
die het mogelijk maken inhoud op een bepaalde plaats op de pagina toe te voegen -
methode
clone,
die kopieën maakt van de geselecteerde elementen
