X
HOME HTML5 CSS3 JAVASCRIPT SQL PHP5 JQUERY ANGULAR BOOTSTRAP3 XML MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

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


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook