Append metodi
append metodi element oxiriga matn
qo'shad. Shuningdek, appendTo
metodi ham mavjud bo'lib, u xuddi shu tarzda ishlaydi.
Sintaksis
Matnni element oxiriga qo'shish:
javascript$(selector).append(matn);
Tanlangan elementlar oxiriga foydalanuvchi tomonidan qaytariladigan matn qo'shilishi mumkin. Funktsiya har bir tanlangan element uchun alohida chaqiriladi. Chaqirilganda unga quyidagi parametrlar uzatiladi: elementning to'plamdagi o'rni, elementning joriy tarkibi:
javascript$(selector).append(function(to'plamdagi tartib raqami, elementning joriy tarkibi));
Tarkib nafaqat oddiy matn, balki DOM elementi yoki jQuery ob'ekti ham bo'lishi mumkin. Bunday holatda bu elementlar o'zlarining HTML kodidagi o'rnidan ko'chiriladi.
Misol
Keling, berilgan abzas oxiriga matn qo'shamiz:
html<p id="test">matn</p>javascript$('#test').append('!!!');
HTML kod quyidagicha ko'rinadi:
html<p id="test">matn!!!</p>
Misol
Keling, berilgan abzas oxiriga teglar bilan matn qo'shamiz:
html<p id="test">matn</p>javascript$('#test').append('<b>!!!</b>');
HTML kod quyidagicha ko'rinadi:
html<p id="test">matn<b>!!!</b></p>
Misol
Keling, barcha abzatlarni topamiz va ularning har birining oxiriga uning to'plamdagi tartib raqamini qo'yamiz:
html<p>matn</p>
<p>matn</p>
<p>matn</p>
<p>matn</p>
<p>matn</p>javascript$('p').append(function(index, text){return index;});
HTML kod quyidagicha ko'rinadi:
html<p>matn0</p>
<p>matn1</p>
<p>matn2</p>
<p>matn3</p>
<p>matn4</p>