Meetod after
Meetod after lisab teksti
määratud elemendi järele. Samuti on olemas meetod
insertAfter,
mis töötab sarnasel viisil.
Süntaks
Teksti sisestamine elemendi järele:
$(selektor).after(tekst);
Nii lisatakse valitud elementide järele tekst, mis tagastatakse kasutaja loodud funktsiooniga. Funktsiooni kutsutakse välja eraldi iga valitud elemendi jaoks. Esimesse parameetrisse selle funktsiooni saab iga valitud elemendi järjekorranumber komplektis (kordamööda), teise - elemendi praegune sisu:
$(selektor).after(function(järjekorranumber komplektis, elemendi praegune sisu));
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 järele:
<p id="test">text</p>
$('#test').after('!!!');
HTML kood näeb välja selline:
<p id="test">text</p>!!!
Näide
Paneme teksti siltidega määratud lõigu järele:
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
HTML kood näeb välja selline:
<p id="test">text</p><p>!!!</p>
Näide
Liigutame ühe lõigu teise alla (st lõikame lõigu vanalt kohalt välja ja paneme uuele kohale):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after('#p2');
HTML kood näeb välja selline:
<p id="p2">text2</p>
<p id="p1">text1</p>
Vaata ka
-
meetod
insertAfter,
mis lisab teksti määratud elemendi järele -
meetodid
before,append,prepend,
võimaldavad lisada sisu kindlasse kohta lehel -
meetod
clone,
mis loob valitud elementide koopiad
