jQuery text() Method
Example
Set text content for all <p> elements:
$("button").click(function(){
$("p").text("Hello world!");
});
Try it Yourself »
$("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.
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
|
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.