jQuery Documentatie - html() Methode

Voorbeeld

Stel de inhoud van alle p-elementen in:

$(".btn1").click(function(){
  $("p").html("Hello <b>world</b>!");
});

Probeer het zelf

Definitie en gebruik

De html() methode retourneert of instelt de inhoud van het geselecteerde element (inner HTML).

Als deze methode geen parameter instelt, retourneert het de huidige inhoud van het geselecteerde element.

Retourneren van elementinhoud

Wanneer deze methode een waarde retourneert, retourneert het de inhoud van het eerste overeenkomende element.

Syntax

$(selector).html()

Probeer het zelf

Instellen van elementinhoud

Wanneer deze methode een waarde instelt, overschrijft het de inhoud van alle overeenkomende elementen.

Syntax

$(selector).html(content)

Probeer het zelf

Parameters Beschrijving
content - Optioneel. Stel de nieuwe inhoud van het geselecteerde element in. Dit parameter kan HTML-标签 bevatten.

Gebruik een functie om de inhoud van een element in te stellen

Gebruik een functie om de inhoud van alle overeenkomende elementen in te stellen.

Syntax

$(selector).html(function(index,oldcontent))

Probeer het zelf

Parameters Beschrijving
function(index,oldcontent)

Definieert een functie die een nieuwe inhoud van het geselecteerde element retourneert.

  • index - Optioneel. Ontvangt de indexpositie van de selector.
  • oldcontent - Optioneel. Ontvangt de huidige inhoud van de selector.