jQuery text() Method

Set text content for all <p> elements:

$("button").click(function(){
$("p").text("Hello world!");
});

Definition and Usage

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

When this method is used to return content, it returns the text content of all matched elements (HTML markup will be removed).

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

Tip: To set or return the innerHTML (text + HTML markup) of the selected elements, use the html() method.

Return text content:

$(selector).text()

Set text content:

$(selector).text(content)

Set text content using a function:

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

Parameter	Description
content	Required. Specifies the new text content for the selected elements Note: Special characters will be encoded
function(index,currentcontent)	Optional. Specifies a function that returns the new text content for the selected elements index - Returns the index position of the element in the set currentcontent - Returns current content of selected elements

Return text content
How to return text content of the selected elements.

Set text content using a function
Using a function to set the text content of the selected elements.