jQuery text() method

jQuery HTML/CSS Methods

The text() method gets or sets the text content of the selected element (including its descendants).

When using the text() methodGetcontent, it will returnAll selected elementsof the text content.

When using the text() methodSetWhen setting content, it will overrideAll selected elementsof the text content.

Usehtml()method to get or set the innerHTML (text+ HTML tags).

Note: The text() method cannot be used on input elements. For input field text, please useval()Method.

Syntax:

Get text content:

$(selector).text()

Set text content:

$(selector).text(content)

Use the feature to set text content:

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

Example

Click the button to get the text content of all paragraphs:

$("button").click(function() {
　　alert($("p").text());
});

Change the text content of all paragraphs:

$("button").click(function() {
　　$("p").text("I would like to say: Hello world");
});

Use the following function to change the text content of an element:

$("button").click(function() {
　　$("p").text(function(i){
　　　　return  "The index of this p element:  "　+　i;
　　});
});

The difference between html() method and text() method:

$("#btn1").click(function(){
　　$("p").html("I want to say:  <b>Hello world</b>
});
$("#btn2").click(function(){
　　$("p").text("I want to say:  <b>Hello world</b>
});

Parameter Value

jQuery HTML/CSS Methods