Metóda html
Metóda html umožňuje meniť text
elementu a získať jeho text spolu s tagmi.
Syntax
Získanie textu:
$(selektor).html();
Zmena textu:
$(selektor).html(nový text);
Dodatočné informácie
Metóda html môže aplikovať zadanú
funkciu na každý element v množine.
Prvým parametrom funkcia získa
číslo elementu v množine, a druhým parametrom
- aktuálny text elementu:
$(selektor).html(function(číslo v množine, aktuálny text elementu));
Mená premenných vo funkcii môžu byť ľubovoľné.
Napríklad, ak pre prvý parameter dáme meno
index - potom vnútri našej funkcie bude dostupná
premenná index, v ktorej bude číslo v
množine pre ten element, ktorý funkcia spracováva
v danom momente. Analogicky, ak pre druhý
parameter dáme, napríklad, meno value - potom
vnútri našej funkcie bude dostupná premenná value,
v ktorej bude text toho elementu, ktorý funkcia
spracováva v danom momente:
$(selektor).html(function(index, value) {
// tu sú dostupné premenné index a value
});
Text každého elementu sa zmení na ten, ktorý vráti funkcia konkrétne pre tento element.
Príklad
Vypíšme na obrazovku obsah nášho odseku:
<p id="test">text</p>
let text = $('#test').html();
alert(text);
Príklad
Zmeňme obsah nášho odseku:
<p id="test">text1</p>
$('#test').html('text2');
HTML kód bude vyzerať takto:
<p id="test">text2</p>
Príklad
Zmeňme obsah nášho odseku na text s tagmi:
<p id="test">text1</p>
$('#test').html('<span>text2</span>');
HTML kód bude vyzerať takto:
<p id="test"><span>text2</span></p>
Príklad
Pridajme každému odseku na konci jeho poradové číslo v množine:
<p>text</p>
<p>text</p>
<p>text</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
HTML kód bude vyzerať takto:
<p>text 0</p>
<p>text 1</p>
<p>text 2</p>
