Metoda before
Metoda before doda besedilo pred določen
element. Prav tako obstaja metoda
insertBefore,
ki deluje na podoben način.
Sintaksa
Vstavljanje besedila pred element:
$(selektor).before(besedilo);
Tako bo pred izbranimi elementi dodano besedilo, ki ga vrne uporabniška funkcija:
$(selektor).before(function(številka v nizu));
Še ena različica uporabe funkcije, kjer je drugi parameter staro html vrednost elementa:
$(selektor).before(function(številka v nizu, html niz));
Besedilo je lahko ne le navadno besedilo, temveč tudi DOM element ali objekt jQuery. V tem primeru se ti elementi premaknejo iz svojega položaja v HTML kodi.
Primer
Dodajmo besedilo pred določen odstavek:
<p id="test">text</p>
$('#test').before('!!!');
HTML koda bo takšna:
!!!<p id="test">text</p>
Primer
Dodajmo besedilo z oznakami pred določen odstavek:
<p id="test">text</p>
$('#test').before('<p>!!!</p>');
HTML koda bo takšna:
<p>!!!</p><p id="test">text</p>
Primer
Postavimo en odstavek nad drugega (torej izrežemo odstavek iz starega mesta in ga postavimo na novo):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p2').before('#p1');
HTML koda bo takšna:
<p id="p2">text2</p>
<p id="p1">text1</p>
Glejte tudi
-
metoda
insertBefore,
ki doda besedilo pred določen element -
metode
after,append,prepend,
ki omogočajo dodajanje vsebine na določeno mesto na strani -
metoda
clone,
ki ustvari kopije izbranih elementov
