Метод html
Метод html элементнинг матнини
ўзгартириш ва уни теглар билан бирга олиш имконини беради.
Синтаксис
Матнни олиш:
$(селектор).html();
Матнни ўзгартириш:
$(селектор).html(янги матн);
Қўшимча маълумот
Метод html белгиланган функцини
тўпламдаги ҳар бир элементга қўллаши мумкин.
Бунда функциа биринчи параметр сифатида
тўпламдаги элементнинг тартиб рақамини олади, иккинчи параметр сифатида
эса - элементнинг жорий матнини олади:
$(селектор).html(function(тартиб рақами, элементнинг жорий матни));
Функциядаги ўзгарувчиларнинг номлари исталганча булиши мумкин.
Мисол учун, биринчи параметр учун биз
index номини берсак - у ҳолда бизнинг функциямизда
index ўзгарувчиси мавжуд булади, унинг ичида функция ҳозирги пайтда
қайта ишлаётган элемент учун тўпламдаги тартиб рақами сақланади.
Худди шунингдек, агар иккинчи параметр учун, мисол учун, value номини берсак - у ҳолда
бизнинг функциямизда value ўзгарувчиси мавжуд булади,
унинг ичида функция ҳозирги пайтда қайта ишлаётган элементнинг матни сақланади:
$(селектор).html(function(index, value) {
// бу ерда index ва value ўзгарувчилари мавжуд
});
Ҳар бир элементнинг матни ўзгариб, функция томонидан айнан шу элемент учун қайтарилган матнга айланади.
Мисол
Келгила, абзацимизнинг ички муҳтинини экранга чиқарайлик:
<p id="test">матн</p>
let text = $('#test').html();
alert(text);
Мисол
Келгила, абзацимизнинг ички муҳтинини ўзгартирайлик:
<p id="test">матн1</p>
$('#test').html('матн2');
HTML код шундай кўринишга келади:
<p id="test">матн2</p>
Мисол
Келгила, абзацимизнинг ички муҳтинини теглар билан матнга алмаштирайлик:
<p id="test">матн1</p>
$('#test').html('<span>матн2</span>');
HTML код шундай кўринишга келади:
<p id="test"><span>матн2</span></p>
Мисол
Келгила, ҳар бир абзацнинг охирига унинг тўпламдаги тартиб рақамини қўшайлик:
<p>матн</p>
<p>матн</p>
<p>матн</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
HTML код шундай кўринишга келади:
<p>матн 0</p>
<p>матн 1</p>
<p>матн 2</p>
