Méthode jQuery html()

❮ Méthodes jQuery HTML/CSS

Exemple

Modifiez le contenu de tous les éléments <p> :

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

Définition et utilisation

La méthode html() définit ou renvoie le contenu (innerHTML) des éléments sélectionnés.

Lorsque cette méthode est utilisée pour renvoyer du contenu, elle renvoie le contenu du PREMIER élément correspondant.

Lorsque cette méthode est utilisée pour définir le contenu, elle écrase le contenu de TOUS les éléments correspondants.

Astuce : Pour définir ou renvoyer uniquement le contenu textuel des éléments sélectionnés, utilisez la méthode text() .


Syntaxe

Retourner le contenu :

$(selector).html()

Définir le contenu :

$(selector).html(content)

Définir le contenu à l'aide d'une fonction :

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

Parameter Description
content Required. Specifies the new content for the selected elements (can contain HTML tags)
function(index,currentcontent) Optional. Specifies a function that returns the new content for the selected elements
  • index - Returns the index position of the element in the set
  • currentcontent - Returns the current HTML content of the selected element

Essayez-le vous-même - Exemples


le contenu d'un élément Comment renvoyer le contenu d'un élément.


Utiliser une fonction pour définir le contenu de tous les éléments sélectionnés.


❮ Méthodes jQuery HTML/CSS