Meetod before

Meetod before lisab teksti määratud elemendi ette. Samuti on olemas meetod insertBefore, mis töötab sarnasel viisil.

Süntaks

Teksti sisestamine elemendi ette:

javascript$(selector).before(tekst);

Nii lisatakse valitud elementide ette tekst, mis tagastatakse kasutaja funktsiooniga:

javascript$(selector).before(function(number in set));

Veel üks funktsiooni kasutamise võimalus, teise parameetriga määratakse element vana html väärtus:

javascript$(selector).before(function(number in set, html string));

Tekst võib olla mitte ainult tavaline tekst, vaid ka DOM element või jQuery objekt. Sel juhul nihutatakse need elemendid oma positsioonilt HTML koodis.

Näide

Paneme teksti määratud lõigu ette:

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

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

HTML kood näeb välja selline:

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

Näide

Paneme siltidega teksti määratud lõigu ette:

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

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

HTML kood näeb välja selline:

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

Näide

Paneme ühe lõigu teise kohale (see tähendab, lõikame lõigu vanalt kohalt ja paneme uuele kohale):

html<p id="p1">text1</p>
<p id="p2">text2</p>

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

HTML kood näeb välja selline:

html<p id="p1">text1</p>
<p id="p2">text2</p>

Vaata ka