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:
$(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:
$(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:
$(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:
<p id="test">text</p>
$('#test').before('!!!');
Kodi HTML do të duket kështu:
!!!<p id="test">text</p>
Shembull
Le të vendosim tekst me etiketa përpara paragrafit të caktuar:
<p id="test">text</p>
$('#test').before('<p>!!!</p>');
Kodi HTML do të duket kështu:
<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):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p2').before($('#p1'));
Kodi HTML do të duket kështu:
<p id="p1">text1</p>
<p id="p2">text2</p>
Shihni gjithashtu
-
metoda
insertBefore,
e cila shton tekst përpara elementit të caktuar -
metodat
after,append,prepend,
të cilat lejojnë shtimin e përmbajtjes në një vend të caktuar në faqe -
metoda
clone,
e cila krijon kopje të elementëve të përzgjedhur
