Metoda html
Metoda html lejon ndryshimin e tekstit
të elementit dhe marrjen e tij së bashku me etiketat.
Sintaksa
Marrja e tekstit:
$(selector).html();
Ndryshimi i tekstit:
$(selector).html(tekst i ri);
Informacion shtesë
Metoda html mund të aplikojë një funksion
të caktuar për çdo element në grup.
Në këtë rast, funksioni do të marrë si parametër të parë
numrin e elementit në grup, dhe si parametër të dytë
- tekstin aktual të elementit:
$(selector).html(function(numri në grup, teksti aktual i elementit));
Emrat e variablave në funksion mund të jenë çfarëdo.
Për shembull, nëse për parametrin e parë i japim emrin
index - atëherë brenda funksionit tonë do të jetë i disponueshëm
ndryshorja index, në të cilën do të jetë numri në
grup për atë element që funksioni po përpunon
në atë moment kohor. Në mënyrë të ngjashme, nëse për parametrin e dytë
i japim, për shembull, emrin value - atëherë
brenda funksionit tonë do të jetë i disponueshëm ndryshorja value,
në të cilën do të jetë teksti i atij elementi që funksioni
po përpunon në atë moment kohor:
$(selector).html(function(index, value) {
// këtu janë të disponueshëm variablat index dhe value
});
Teksti i çdo elementi do të ndryshojë në atë që funksioni do të kthejë konkretisht për këtë element.
Shembull
Le të shfaqim në ekran përmbajtjen e paragrafit tonë:
<p id="test">text</p>
let text = $('#test').html();
alert(text);
Shembull
Le të ndryshojmë përmbajtjen e paragrafit tonë:
<p id="test">text1</p>
$('#test').html('text2');
Kodi HTML do të duket kështu:
<p id="test">text2</p>
Shembull
Le të ndryshojmë përmbajtjen e paragrafit tonë në tekst me etiketa:
<p id="test">text1</p>
$('#test').html('<span>text2</span>');
Kodi HTML do të duket kështu:
<p id="test"><span>text2</span></p>
Shembull
Le të shtojmë në fund të çdo paragrafi numrin e tij rendor në grup:
<p>text</p>
<p>text</p>
<p>text</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
Kodi HTML do të duket kështu:
<p>text 0</p>
<p>text 1</p>
<p>text 2</p>
