prepend metodi
prepend metodi element boshiga
matn qo'shadi. Shuningdek,
prependTo
metodi ham mavjud bo'lib, u xuddi shu tarzda ishlaydi.
Sintaksis
Element boshiga matn qo'shish:
javascript$(selector).prepend(matn);
Tanlangan elementlar boshiga foydalanuvchi funksiyasi tomonidan qaytarilgan matn qo'shilishi mumkin. Funksiya har bir tanlangan element uchun alohida chaqiriladi. Chaqirilganda unga quyidagi parametrlar uzatiladi: element to'plamdagi o'rni, elementning joriy tarkibi:
javascript$(selector).prepend(function(to'plamdagi raqam, elementning joriy tarkibi));
Tarkib nafaqat oddiy matn, balki DOM elementi yoki jQuery ob'ekti ham bo'lishi mumkin. Bunday holda, bu elementlar o'zlarining HTML kodidagi joylashuvidan ko'chiriladi.
Misol
Keling, berilgan abzat boshiga matn qo'shamiz:
html<p id="test">matn</p>javascript$('#test').prepend('!!!');
HTML kod quyidagicha ko'rinadi:
html<p id="test">!!!matn</p>
Misol
Keling, berilgan abzat boshiga teglar bilan matn qo'shamiz:
html<p id="test">matn</p>javascript$('#test').prepend('<b>!!!</b>');
HTML kod quyidagicha ko'rinadi:
html<p id="test"><b>!!!</b>matn</p>
Misol
Keling, barcha abzatlarni topamiz va ularning har birining boshiga to'plamdagi tartib raqamini qo'yamiz:
html<p>matn</p>
<p>matn</p>
<p>matn</p>
<p>matn</p>
<p>matn</p>javascript$('p').prepend(function(index, text) {
return index;
});
HTML kod quyidagicha ko'rinadi:
html<p>0matn</p>
<p>1matn</p>
<p>2matn</p>
<p>3matn</p>
<p>4matn</p>