Example

Set the content of all p elements:

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

Try it yourself »

Definition and Usage

The html() method sets or returns the content (innerHTML) of the selected elements.


Return Element Content

When this method is used to return a value, it returns the content of the FIRST matched element.

Syntax

$(selector).html()
Try it yourself »


Set Element Content

When this method is used to set a value, it overwrites the content of ALL matched elements.

Syntax

$(selector).html(content)
Try it yourself »

Parameter Description
content Specifies the new content for the selected elements (can contain HTML tags)


Set Element Content Using a Function

Using a function to set the content of all selected elements.

Syntax

$(selector).html(function(index,oldcontent))
Try it yourself »

Parameter Description
function(index,oldcontent) Specifies a function that returns the new content for the selected elements.
  • index - Optional. Receives the index position of the selector
  • oldcontent - Optional. Receives the current content of the selector