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:

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

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

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

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

Kodi HTML do të duket kështu:

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

Shembull

Le të fusim tekst me etiketa pas paragrafit të specifikuar:

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

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

Kodi HTML do të duket kështu:

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

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

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

Kodi HTML do të duket kështu:

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

Shihni gjithashtu