Metoden html
Metoden html låter dig ändra texten
i ett element och få dess text tillsammans med taggar.
Syntax
Hämta text:
$(selector).html();
Ändra text:
$(selector).html(ny text);
Ytterligare information
Metoden html kan applicera en given
funktion på varje element i uppsättningen.
Funktionen tar då första parametern som
elementets index i uppsättningen, och den andra parametern
- elementets nuvarande text:
$(selector).html(function(index i uppsättningen, nuvarande elementtext));
Variabelnamnen i funktionen kan vara vilka som helst.
Till exempel, om vi ger det första parametern namnet
index - då kommer inuti vår funktion variabeln
index att vara tillgänglig, som innehåller indexet i
uppsättningen för det element som funktionen bearbetar
för tillfället. På samma sätt, om vi ger den andra
parametern till exempel namnet value - då
kommer inuti vår funktion variabeln value att vara tillgänglig,
som innehåller texten för det element som funktionen
bearbetar för tillfället:
$(selector).html(function(index, value) {
// här är variablerna index och value tillgängliga
});
Texten för varje element kommer att ändras till den som funktionen returnerar för just det elementet.
Exempel
Låt oss skriva ut innehållet i vårt stycke:
<p id="test">text</p>
let text = $('#test').html();
alert(text);
Exempel
Låt oss ändra innehållet i vårt stycke:
<p id="test">text1</p>
$('#test').html('text2');
HTML-koden kommer att se ut så här:
<p id="test">text2</p>
Exempel
Låt oss ändra innehållet i vårt stycke till text med taggar:
<p id="test">text1</p>
$('#test').html('<span>text2</span>');
HTML-koden kommer att se ut så här:
<p id="test"><span>text2</span></p>
Exempel
Låt oss lägga till dess ordningsnummer i uppsättningen i slutet av varje stycke:
<p>text</p>
<p>text</p>
<p>text</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
HTML-koden kommer att se ut så här:
<p>text 0</p>
<p>text 1</p>
<p>text 2</p>
