Metoda html

Metoda html lejon ndryshimin e tekstit të elementit dhe marrjen e tij së bashku me etiketat.

Sintaksa

Marrja e tekstit:

javascript$(selector).html();

Ndryshimi i tekstit:

javascript$(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:

javascript$(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:

javascript$(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ë:

html<p id="test">text</p>

javascriptlet text = $('#test').html();
alert(text);

Shembull

Le të ndryshojmë përmbajtjen e paragrafit tonë:

html<p id="test">text1</p>

javascript$('#test').html('text2');

Kodi HTML do të duket kështu:

html<p id="test">text2</p>

Shembull

Le të ndryshojmë përmbajtjen e paragrafit tonë në tekst me etiketa:

html<p id="test">text1</p>

javascript$('#test').html('<span>text2</span>');

Kodi HTML do të duket kështu:

html<p id="test"><span>text2</span></p>

Shembull

Le të shtojmë në fund të çdo paragrafi numrin e tij rendor në grup:

html<p>text</p>
<p>text</p>
<p>text</p>

javascript$('p').html(function(index, value){
  return value + ' ' + index;
});

Kodi HTML do të duket kështu:

html<p>text 0</p>
<p>text 1</p>
<p>text 2</p>

Shihni gjithashtu