Append metodas
Metodas append prideda tekstą į elemento
pabaigą. Taip pat egzistuoja metodas
appendTo,
kuris veikia panašiu būdu.
Sintaksė
Teksto įterpimas į elemento pabaigą:
$(selektorius).append(tekstas);
Į pasirinktų elementų pabaigą galima pridėti tekstą, kurį grąžins vartotojo funkcija. Funkcija iškviečiama atskirai kiekvienam iš pasirinktų elementų. Iškvietimo metu jai perduodami šie parametrai: elemento pozicija rinkinyje, dabartinis elemento turinys:
$(selektorius).append(function(numeris rinkyje, dabartinis elemento turinys));
Turinys taip pat gali būti ne tik paprastas tekstas, bet ir DOM elementas arba jQuery objektas. Šiuo atveju šie elementai bus perkelti iš savo pozicijos HTML kode.
Pavyzdys
Pridėkime tekstą į nurodyto pastraipos pabaigą:
<p id="test">text</p>
$('#test').append('!!!');
HTML kodas atrodys taip:
<p id="test">text!!!</p>
Pavyzdys
Pridėkime tekstą su žymėmis į nurodyto pastraipos pabaigą:
<p id="test">text</p>
$('#test').append('<b>!!!</b>');
HTML kodas atrodys taip:
<p id="test">text<b>!!!</b></p>
Pavyzdys
Raskime visas pastraipas ir į kiekvienos pabaigą įdėkime jos eilės numerį rinkinyje:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').append(function(index, text){return index;});
HTML kodas atrodys taip:
<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>
