Metoda before

Metoda before shton tekst përpara elementit të caktuar. Ekziston gjithashtu metoda insertBefore, e cila funksionon në mënyrë të ngjashme.

Sintaksa

Futja e tekstit përpara elementit:

javascript$(selector).before(tekst);

Kështu, përpara elementëve të përzgjedhur do të shtohet teksti, i cili do të kthehet nga funksioni i përdoruesit:

javascript$(selector).before(function(numri në grup));

Një variant tjetër i përdorimit të funksionit, ku parametri i dytë vendos vlerën e vjetër html të elementit:

javascript$(selector).before(function(numri në grup, varg html));

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ë vendosim tekst përpara paragrafit të caktuar:

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

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

Kodi HTML do të duket kështu:

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

Shembull

Le të vendosim tekst me etiketa përpara paragrafit të caktuar:

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

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

Kodi HTML do të duket kështu:

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

Shembull

Le të vendosim një paragraf mbi tjetrin (d.m.th. të presim paragrafin nga vendi i vjetër dhe ta vendosim në vendin e ri):

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

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

Kodi HTML do të duket kështu:

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

Shihni gjithashtu