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:
$(selector).before(tekst);
Nii lisatakse valitud elementide ette tekst, mis tagastatakse kasutaja funktsiooniga:
$(selector).before(function(number in set));
Veel üks funktsiooni kasutamise võimalus, teise parameetriga määratakse element vana html väärtus:
$(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:
<p id="test">text</p>
$('#test').before('!!!');
HTML kood näeb välja selline:
!!!<p id="test">text</p>
Näide
Paneme siltidega teksti määratud lõigu ette:
<p id="test">text</p>
$('#test').before('<p>!!!</p>');
HTML kood näeb välja selline:
<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):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p2').before($('#p1'));
HTML kood näeb välja selline:
<p id="p1">text1</p>
<p id="p2">text2</p>
Vaata ka
-
meetod
insertBefore,
mis lisab teksti määratud elemendi ette -
meetodid
after,append,prepend,
mis võimaldavad lisada sisu kindlasse kohta lehel -
meetod
clone,
mis loob valitud elementide koopiaid
