Metod html
Metod html elementin mətni dəyişməyə
və onu teqlərlə birlikdə əldə etməyə imkan verir.
Sintaksis
Mətnin əldə edilməsi:
$(selektor).html();
Mətnin dəyişdirilməsi:
$(selektor).html(yeni mətn);
Əlavə
Metod html təyin edilmiş funksiyanı
dəstdəki hər bir elementə tətbiq edə bilər.
Bu zaman funksiya birinci parametr kimi
dəstdəki nömrəni, ikinci parametr kimi isə
elementin cari mətnini alacaq:
$(selektor).html(function(dəstdəki nömrə, elementin cari mətni));
Funksiyadakı dəyişənlərin adları istənilən ola bilər.
Məsələn, birinci parametr üçün index adını versək,
onda funksiyamızın daxilində hazırda emal etdiyi elementin
dəstdəki nömrəsinin olduğu index dəyişəni əlçatan olacaq.
Eynilə, ikinci parametr üçün, məsələn, value adını versək,
onda funksiyamızın daxilində hazırda emal etdiyi elementin
mətni olan value dəyişəni əlçatan olacaq:
$(selektor).html(function(index, value) {
// burada index və value dəyişənləri əlçatandır
});
Hər bir elementin mətni, funksiyanın həmin element üçün qaytardığı mətnlə əvəz olunacaq.
Nümunə
Gəlin abzasımızın məzmununu ekranda çıxaraq:
<p id="test">mətn</p>
let text = $('#test').html();
alert(text);
Nümunə
Gəlin abzasımızın məzmununu dəyişək:
<p id="test">mətn1</p>
$('#test').html('mətn2');
HTML kodu belə görünəcək:
<p id="test">mətn2</p>
Nümunə
Gəlin abzasımızın məzmununu teqləri olan mətnlə əvəz edək:
<p id="test">mətn1</p>
$('#test').html('<span>mətn2</span>');
HTML kodu belə görünəcək:
<p id="test"><span>mətn2</span></p>
Nümunə
Gəlin hər bir abzazın sonuna onun dəstdəki sıra nömrəsini əlavə edək:
<p>mətn</p>
<p>mətn</p>
<p>mətn</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
HTML kodu belə görünəcək:
<p>mətn 0</p>
<p>mətn 1</p>
<p>mətn 2</p>
