Metod html
Metod html element tekstini üýtgetmäge
we ony teglar bilen bilelikde almag rugsat berýär.
Sintaksis
Teksti almak:
$(selektor).html();
Teksti üýtgetmek:
$(selektor).html(täze tekst);
Goşmaça
Metod html setirdäki her element üçin
berlen funksiýany ulanyp biler.
Bu ýagdaýda funksiýa birinji parametr hökmünde
elementiň setirdeki nomerini, ikinji parametr hökmünde bolsa
- elementdäki häzirki teksti alyar:
$(selektor).html(function(setirdäki nomer, elementdäki häzirki tekst));
Funksiýadaky üýtgeýänleriň adlary islendik bolup biler.
Mysal üçin, birinji parametr üçin biz
index adyny bersek - onda biziň funksiýamyzda
index üýtgeýjisi elýeterli bolar, onuň içinde şu
wagt işlenýän elementiň setirdeki nomeri bolar.
Şoňuň ýaly, ikinji parametr üçin mysal üçin,
value adyny bersek - onda biziň funksiýamyzda
value üýtgeýjisi elýeterli bolar, onuň içinde şu
wagt işlenýän elementiň teksti bolar:
$(selektor).html(function(index, value) {
// bu ýerde index we value üýtgeýjileri elýeterli
});
Her elementdäki tekst, funksiýanyň ol element üçin ýönekeý gaýtaryşy bilen çalşylar.
Mysal
Geliň biziň abzasymyzyň mazmunyny ekrana çykaralyň:
<p id="test">tekst</p>
let tekst = $('#test').html();
alert(tekst);
Mysal
Geliň biziň abzasymyzyň mazmunyny çalşalyň:
<p id="test">tekst1</p>
$('#test').html('tekst2');
HTML kody şeýle görünýär:
<p id="test">tekst2</p>
Mysal
Geliň biziň abzasymyzyň mazmunyny teglar bilen bilelikde tekste çalşalyň:
<p id="test">tekst1</p>
$('#test').html('<span>tekst2</span>');
HTML kody şeýle görünýär:
<p id="test"><span>tekst2</span></p>
Mysal
Geliň her abzasa onuň setirdeki tertip belgisiň aýryny goşalyň:
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
HTML kody şeýle görünýär:
<p>tekst 0</p>
<p>tekst 1</p>
<p>tekst 2</p>
