Metoda after
Metoda after shton tekst pas
elementit të specifikuar. Ekziston gjithashtu metoda
insertAfter,
e cila punon në mënyrë të ngjashme.
Sintaksa
Futja e tekstit pas elementit:
$(selector).after(tekst);
Kështu, pas elementëve të përzgjedhur do të shtohet teksti, i cili do të kthehet nga funksioni i përdoruesit. Funksioni thirret veçmas për secilin prej elementëve të përzgjedhur. Në parametrin e parë i këtij funksioni hyn numri në grup i secilit prej elementëve të përzgjedhur (me radhë), në të dytin - përmbajtja aktuale e elementit:
$(selector).after(function(numri në grup, përmbajtja aktuale e elementit));
Teksti mund të jetë jo vetëm tekst i zakonshëm, por edhe element DOM ose objekt jQuery. Në këtë rast, këta elementë do të zhvendosen nga pozicioni i tyre në kodin HTML.
Shembull
Le të fusim tekst pas paragrafit të specifikuar:
<p id="test">text</p>
$('#test').after('!!!');
Kodi HTML do të duket kështu:
<p id="test">text</p>!!!
Shembull
Le të fusim tekst me etiketa pas paragrafit të specifikuar:
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
Kodi HTML do të duket kështu:
<p id="test">text</p><p>!!!</p>
Shembull
Le të zhvendosim një paragraf nën tjetrin (dmth të presim paragrafin nga vendi i vjetër dhe të e vendosim në atë të ri):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after($('#p2'));
Kodi HTML do të duket kështu:
<p id="p1">text1</p>
<p id="p2">text2</p>
Shihni gjithashtu
-
metoda
insertAfter,
e cila shton tekst pas elementit të specifikuar -
metodat
before,append,prepend,
të cilat lejojnë shtimin e përmbajtjes në një vend të caktuar në faqe -
metoda
clone,
e cila krikon kopje të elementëve të përzgjedhur