Metod before
Metod before dodaje tekst pre određenog
elementa. Takođe postoji metod
insertBefore,
koji radi na sličan način.
Sintaksa
Umetanje teksta pre elementa:
$(selektor).before(tekst);
Tako će pre izabranih elemenata biti dodat tekst koji će biti vraćen korisničkom funkcijom:
$(selektor).before(function(redni broj u setu));
Još jedna varijanta korišćenja funkcije, drugi parametar zadaje staru html vrednost elementa:
$(selektor).before(function(redni broj u setu, html string));
Tekst takođe može biti ne samo običan tekst, već i DOM element ili jQuery objekat. U tom slučaju ovi elementi će biti premešteni sa svoje pozicije u HTML kodu.
Primer
Hajde da umetnemo tekst pre određenog pasusa:
<p id="test">tekst</p>
$('#test').before('!!!');
HTML kod će izgledati ovako:
!!!<p id="test">tekst</p>
Primer
Hajde da umetnemo tekst sa tagovima pre određenog pasusa:
<p id="test">tekst</p>
$('#test').before('<p>!!!</p>');
HTML kod će izgledati ovako:
<p>!!!</p><p id="test">tekst</p>
Primer
Hajde da stavimo jedan pasus iznad drugog (to jest, isečemo pasus sa starog mesta i stavimo na novo):
<p id="p1">tekst1</p>
<p id="p2">tekst2</p>
$('#p2').before('#p1');
HTML kod će izgledati ovako:
<p id="p2">tekst2</p>
<p id="p1">tekst1</p>
Vidi takođe
-
metod
insertBefore,
koji dodaje tekst pre određenog elementa -
metode
after,append,prepend,
koje dozvoljavaju dodavanje sadržaja na određeno mesto na stranici -
metod
clone,
koji kreira kopije izabranih elemenata
