before metódus

A before metódus szöveget ad hozzá egy megadott elem elé. Létezik továbbá a insertBefore metódus is, amely hasonló módon működik.

Szintaxis

Szöveg beszúrása egy elem elé:

javascript$(selector).before(szöveg);

Így a kiválasztott elemek elé kerül hozzáadásra az a szöveg, amelyet egy felhasználói által elkészített függvény ad vissza:

javascript$(selector).before(function(index));

A függvény használatának egy másik módja, a második paraméter az elem régi html értéke:

javascript$(selector).before(function(index, htmlString));

A szöveg nem csak egyszerű szöveg lehet, hanem DOM elem vagy jQuery objektum is. Ebben az esetben ezek az elemek a saját pozíciójukból kerülnek áthelyezésre a HTML kódban.

Példa

Szúrjunk be szöveget egy megadott bekezdés elé:

html<p id="test">szöveg</p>

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

A HTML kód így fog kinézni:

html!!!<p id="test">szöveg</p>

Példa

Szúrjunk be címkékkel ellátott szöveget egy megadott bekezdés elé:

html<p id="test">szöveg</p>

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

A HTML kód így fog kinézni:

html<p>!!!</p><p id="test">szöveg</p>

Példa

Helyezzünk egy bekezdést egy másik fölé (azaz vágjuk ki a bekezdést a régi helyéről és helyezzük az új helyre):

html<p id="p1">szöveg1</p>
<p id="p2">szöveg2</p>

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

A HTML kód így fog kinézni:

html<p id="p1">szöveg1</p>
<p id="p2">szöveg2</p>

Lásd még