THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

jQuery text() Method

jQuery HTML/CSS Methods jQuery HTML/CSS Methods

Example

Set text content for all <p> elements:

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

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.


Syntax

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

Examples

Try it Yourself - Examples

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.


jQuery HTML/CSS Methods jQuery HTML/CSS Methods