Metode append
Metode append pievieno tekstu elementa beigās.
Pastāv arī metode appendTo,
kas darbojas līdzīgā veidā.
Sintakse
Teksta ievietošana elementa beigās:
$(selector).append(teksts);
Izvēlēto elementu beigās var pievienot tekstu, ko atgriezīs lietotāja definēta funkcija. Funkcija tiek izsaukta katram no izvēlētajiem elementiem atsevišķi. Izsaucot tai tiek nodoti šādi parametri: elementa pozīcija kopā, elementa pašreizējais saturs:
$(selector).append(function(numurs kopā, pašreizējais elementa saturs));
Saturs var būt ne tikai parasts teksts, bet arī DOM elements vai jQuery objekts. Šajā gadījumā šie elementi tiks pārvietoti no savas pozīcijas HTML kodā.
Piemērs
Pievienosim tekstu norādītās rindkopas beigās:
<p id="test">teksts</p>
$('#test').append('!!!');
HTML kods izskatīsies šādi:
<p id="test">teksts!!!</p>
Piemērs
Pievienosim tekstu ar atzīmēm norādītās rindkopas beigās:
<p id="test">teksts</p>
$('#test').append('<b>!!!</b>');
HTML kods izskatīsies šādi:
<p id="test">teksts<b>!!!</b></p>
Piemērs
Atradīsim visas rindkopas un katrai no tām beigās ievietosim tās kārtas numuru kopā:
<p>teksts</p>
<p>teksts</p>
<p>teksts</p>
<p>teksts</p>
<p>teksts</p>
$('p').append(function(index, text){return index;});
HTML kods izskatīsies šādi:
<p>teksts0</p>
<p>teksts1</p>
<p>teksts2</p>
<p>teksts3</p>
<p>teksts4</p>
