jQuery text()Methods
jQuery HTML/CSS MethodsExamples
Set the text content of 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 toreturncontent, it returns the text content of all matched elements (HTML tags will be removed).
When this method is used tosetcontent, it overwrites the content of all matched elements.
Tip:To set or return the innerHTML (text + HTML markup) of the selected elements, use thehtml()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 are encoded. |
| function(index,currentcontent) | Optional. Specifies a function that returns the new text content for the selected elements.
|
More Examples
Return text content
How to return the text content of the selected elements.
Set text content using a function
How to use a function to set the text content of the selected elements.
Other Extensions