append metodi
append metodi elementyň ahyryna
teksti goşýar. Şeýle hem
appendTo
metodi bar, ol şuňa meňzeş işleýär.
Sintaksis
Elementyň ahyryna teksti goşmak:
javascript$(selektor).append(tekst);
Saýlanan elementleriň ahyryna ulanyjy funksiýasy tarapyndan gaýtarylýan teksti goşup bolýar. Funksiýa her bir saýlanan element üçin aýratyn çagyrylýar. Çagyrylanda aşakdaky parametrler berilýär: elementyň topardaky orny, elementiň häzirki mazmuny:
javascript$(selektor).append(funksiýa(topardaky nomer, elementiň häzirki mazmuny));
Mazmun diňe adaty tekst däl, eýsem DOM elementi ýa-da jQuery obýekti hem bolup bilýär. Bu ýagdaýda bu elementler öz orunlaryndan HTML kodynda ýerleriňe geçiriler.
Mysal
Berlen abzasyň ahyryna teksti goşalyň:
html<p id="test">tekst</p>javascript$('#test').append('!!!');
HTML kody şeýle görüner:
html<p id="test">tekst!!!</p>
Mysal
Berlen abzasyň ahyryna tegler bilen teksti goşalyň:
html<p id="test">tekst</p>javascript$('#test').append('<b>!!!</b>');
HTML kody şeýle görüner:
html<p id="test">tekst<b>!!!</b></p>
Mysal
Hemme abzaslary tapalyň we her biriniň ahyryna olaryň topardaky tertip belgisini goşalyň:
html<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>javascript$('p').append(funksiýa(index, tekst){return index;});
HTML kody şeýle görüner:
html<p>tekst0</p>
<p>tekst1</p>
<p>tekst2</p>
<p>tekst3</p>
<p>tekst4</p>