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é:
$(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:
$(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:
$(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é:
<p id="test">szöveg</p>
$('#test').before('!!!');
A HTML kód így fog kinézni:
!!!<p id="test">szöveg</p>
Példa
Szúrjunk be címkékkel ellátott szöveget egy megadott bekezdés elé:
<p id="test">szöveg</p>
$('#test').before('<p>!!!</p>');
A HTML kód így fog kinézni:
<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):
<p id="p1">szöveg1</p>
<p id="p2">szöveg2</p>
$('#p2').before($('#p1'));
A HTML kód így fog kinézni:
<p id="p1">szöveg1</p>
<p id="p2">szöveg2</p>
Lásd még
-
a
insertBeforemetódus,
amely szöveget ad hozzá egy megadott elem elé -
a
after,append,prependmetódusok,
amelyek lehetővé teszik tartalom hozzáadását az oldal egy meghatározott helyére -
a
clonemetódus,
amely a kiválasztott elemek másolatait készíti
