Методи html
Методи html имкон медиҳад, ки матни
элементро тағир диҳед ва онро бо якҷояи тегҳо гиред.
Синтаксис
Гирифтани матн:
$(селектор).html();
Тағйир додани матн:
$(селектор).html(матни нав);
Иловагӣ
Методи html метавонад функсияи додашударо
ба ҳар як элемент дар маҷмӯъ татбиқ кунад.
Дар ин ҳолат, функсия аввал параметри рақами элементро
дар маҷмӯъ мегирад, ва параметри дуюмро
- матни ҷории элемент:
$(селектор).html(function(рақам дар маҷмӯъ, матни ҷории элемент));
Номҳои тағирёбандаҳо дар функсия метавонанд ҳар кадом бошанд.
Барои намуна, агар барои параметри аввал номи
index диҳем - онгоҳ дар дохили функсияи мо дастрас хоҳад буд
тағирёбандаи index, ки рақами дар
маҷмӯъ барои он элементе, ки функсия коркард мекунад
дар вақти ҷориро нигоҳ медорад. Ҳамин тавр, агар барои параметри
дуюм, барои намуна, номи value диҳем - онгоҳ
дар дохили функсияи мо дастрас хоҳад буд тағирёбандаи value,
ки матни он элементеро, ки функсия
коркард мекунад дар вақти ҷориро нигоҳ медорад:
$(селектор).html(function(index, value) {
// дар ин ҷо тағирёбандаҳои index ва value дастрасанд
});
Матни ҳар як элемент ба он чизе иваз карда мешавад, ки функсия барои ҳамин элемент бармегардонад.
Намуна
Биёед мундариҷаи абзаци худро ба экран бароварем:
<p id="test">матн</p>
let matn = $('#test').html();
alert(matn);
Намуна
Биёед мундариҷаи абзаци худро тағир диҳем:
<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>
