Html metodi
html metodi element matnini
o'zgartirishga va uni teglar bilan birga olishga imkon beradi.
Sintaksis
Matn olish:
$(selektor).html();
Matnni o'zgartirish:
$(selektor).html(yangi matn);
Qo'shimcha
html metodi berilgan funktsiyani
to'plamdagi har bir elementga qo'llashi mumkin.
Bunda funktsiya birinchi parametr sifatida
to'plamdagi element tartib raqamini, ikkinchi parametr sifatida
- elementning joriy matnini oladi:
$(selektor).html(function(tartib raqami, elementning joriy matni));
Funktsiyadagi o'zgaruvchilar nomlari ixtiyoriy bo'lishi mumkin.
Masalan, agar birinchi parametr uchun biz
index nomini bersak - unda bizning funktsiyamiz ichida
index o'zgaruvchisi mavjud bo'ladi, uning ichida funktsiya
hozirgi vaqtda qayta islayotgan elementning tartib raqami bo'ladi.
Xuddi shunday, agar ikkinchi parametr uchun, masalan, value nomini bersak - unda
bizning funktsiyamiz ichida value o'zgaruvchisi mavjud bo'ladi,
uning ichida funktsiya hozirgi vaqtda qayta islayotgan elementning
matni bo'ladi:
$(selektor).html(function(index, value) {
// bu yerda index va value o'zgaruvchilari mavjud
});
Har bir elementning matni, funktsiya o'sha element uchun qaytargan matn bilan almashtiriladi.
Misol
Keling, abzatsimiz mazmunini ekranda chiqaramiz:
<p id="test">matn</p>
let text = $('#test').html();
alert(text);
Misol
Keling, abzatsimiz mazmunini o'zgartiramiz:
<p id="test">matn1</p>
$('#test').html('matn2');
HTML kod shunday ko'rinishga keladi:
<p id="test">matn2</p>
Misol
Keling, abzatsimiz mazmunini teglar bilan matnga almashtiramiz:
<p id="test">matn1</p>
$('#test').html('<span>matn2</span>');
HTML kod shunday ko'rinishga keladi:
<p id="test"><span>matn2</span></p>
Misol
Keling, har bir abzatsga uning tartib raqamini oxiriga qo'shamiz:
<p>matn</p>
<p>matn</p>
<p>matn</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
HTML kod shunday ko'rinishga keladi:
<p>matn 0</p>
<p>matn 1</p>
<p>matn 2</p>
