Metoda append
Metoda append shton tekst në fund
të elementit. Ekziston gjithashtu metoda
appendTo,
e cila funksionon në mënyrë të ngjashme.
Sintaksa
Futja e tekstit në fund të elementit:
$(selector).append(tekst);
Në fund të elementëve të përzgjedhur mund të shtohet tekst, i cili do të kthehet nga funksioni i përdoruesit. Funksioni thirret, veçmas për secilin prej elementëve të përzgjedhur. Gjatë thirrjes i kalohen parametrat e mëposhtëm: pozita e elementit në grup, përmbajtja aktuale e elementit:
$(selector).append(function(numri në grup, përmbajtja aktuale e elementit));
Përmbajtja mund të jetë gjithashtu 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 në fund të paragrafit të dhënë:
<p id="test">text</p>
$('#test').append('!!!');
Kodi HTML do të duket kështu:
<p id="test">text!!!</p>
Shembull
Le të fusim tekst me tagje në fund të paragrafit të dhënë:
<p id="test">text</p>
$('#test').append('<b>!!!</b>');
Kodi HTML do të duket kështu:
<p id="test">text<b>!!!</b></p>
Shembull
Le të gjejmë të gjitha paragrafët dhe në fund të secilit prej tyre të vendosim numrin e tij rendor në grup:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').append(function(index, text){return index;});
Kodi HTML do të duket kështu:
<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>