html-metoden
Metoden html lar deg endre teksten
til elementet og få den sammen med taggene.
Syntaks
Henting av tekst:
$(selector).html();
Endring av tekst:
$(selector).html(ny tekst);
Tillegg
Metoden html kan bruke en gitt
funksjon på hvert element i settet.
Funksjonen vil da motta elementets indeks
som første parameter, og elementets nåværende tekst
som andre parameter:
$(selector).html(function(indeks i settet, nåværende elementtekst));
Variabelnavnene i funksjonen kan være hva som helst.
For eksempel, hvis vi gir første parameter navnet
index - vil variabelen index være tilgjengelig
innenfor funksjonen vår, og den vil inneholde indeksen i
settet for det elementet som funksjonen behandler
for øyeblikket. På samme måte, hvis vi gir den andre
parameteren for eksempel navnet value - vil
variabelen value være tilgjengelig inne i funksjonen vår,
og den vil inneholde teksten til det elementet som funksjonen
behandler for øyeblikket:
$(selector).html(function(index, value) {
// her er variablene index og value tilgjengelige
});
Teksten til hvert element vil bli endret til den som funksjonen returnerer for nettopp det elementet.
Eksempel
La oss skrive ut innholdet i avsnittet vårt:
<p id="test">text</p>
let text = $('#test').html();
alert(text);
Eksempel
La oss endre innholdet i avsnittet vårt:
<p id="test">text1</p>
$('#test').html('text2');
HTML-koden vil se slik ut:
<p id="test">text2</p>
Eksempel
La oss endre innholdet i avsnittet vårt til tekst med tagger:
<p id="test">text1</p>
$('#test').html('<span>text2</span>');
HTML-koden vil se slik ut:
<p id="test"><span>text2</span></p>
Eksempel
La oss legge til dens ordningsnummer i settet på slutten av hvert avsnitt:
<p>text</p>
<p>text</p>
<p>text</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
HTML-koden vil se slik ut:
<p>text 0</p>
<p>text 1</p>
<p>text 2</p>
