html metodas
html metodas leidžia keisti elemento
tekstą ir gauti jį kartu su žymėmis.
Sintaksė
Teksto gavimas:
$(selektorius).html();
Teksto keitimas:
$(selektorius).html(naujas tekstas);
Papildomai
html metodas gali pritaikyti nurodytą
funkciją kiekvienam elementui rinkinyje.
Šiuo atveju pirmuoju parametru funkcija gaus
elemento numerį rinkinyje, o antruoju parametru
- dabartinį elemento tekstą:
$(selektorius).html(function(numeris rinkinyje, dabartinis elemento tekstas));
Kintamųjų pavadinimai funkcijoje gali būti bet kokie.
Pavyzdžiui, jei pirmam parametrui suteiksime pavadinimą
index - tuomet mūsų funkcijos viduje bus prieinamas
kintamasis index, kuriame bus saugomas numeris
rinkinyje tam elementui, kurį funkcija apdoroja
šiuo metu. Analogiškai, jei antram
parametrui suteiksime, pavyzdžiui, pavadinimą value - tuomet
funkcijos viduje bus prieinamas kintamasis value,
kuriame bus saugomas to elemento tekstas, kurį funkcija
apdoroja šiuo metu:
$(selektorius).html(function(index, value) {
// čia prieinami kintamieji index ir value
});
Kiekvieno elemento tekstas pasikeis į tą, kurį funkcija grąžins konkrečiai šiam elementui.
Pavyzdys
Išveskime į ekraną mūsų pastraipos turinį:
<p id="test">tekstas</p>
let tekstas = $('#test').html();
alert(tekstas);
Pavyzdys
Pakeiskime mūsų pastraipos turinį:
<p id="test">tekstas1</p>
$('#test').html('tekstas2');
HTML kodas atrodys taip:
<p id="test">tekstas2</p>
Pavyzdys
Pakeiskime mūsų pastraipos turinį į tekstą su žymėmis:
<p id="test">tekstas1</p>
$('#test').html('<span>tekstas2</span>');
HTML kodas atrodys taip:
<p id="test"><span>tekstas2</span></p>
Pavyzdys
Prie kiekvienos pastraipos pridėkime pabaigoje jos eilinį numerį rinkinyje:
<p>tekstas</p>
<p>tekstas</p>
<p>tekstas</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
HTML kodas atrodys taip:
<p>tekstas 0</p>
<p>tekstas 1</p>
<p>tekstas 2</p>
