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:

javascript$(selektor).before(tekst);

Tako će pre izabranih elemenata biti dodat tekst koji će biti vraćen korisničkom funkcijom:

javascript$(selektor).before(function(redni broj u setu));

Još jedna varijanta korišćenja funkcije, drugi parametar zadaje staru html vrednost elementa:

javascript$(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:

html<p id="test">tekst</p>

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

HTML kod će izgledati ovako:

html!!!<p id="test">tekst</p>

Primer

Hajde da umetnemo tekst sa tagovima pre određenog pasusa:

html<p id="test">tekst</p>

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

HTML kod će izgledati ovako:

html<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):

html<p id="p1">tekst1</p>
<p id="p2">tekst2</p>

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

HTML kod će izgledati ovako:

html<p id="p2">tekst2</p>
<p id="p1">tekst1</p>

Vidi takođe