jQuery text() method

HTML do jQuery/Métodos CSS

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 elementsto get the text content.

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

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

Atenção: 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 function 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 "O índice deste p elemento é: "　+　i;
　　});
});

Diferença entre métodos html() e text():

$("#btn1").click(function(){
　　$("p").html("Eu quero dizer: <b>Hello world</b>");
});
$("#btn2").click(function(){
　　$("p").text("Eu quero dizer: <b>Hello world</b>");
});

Valor do Parâmetro

HTML do jQuery/Métodos CSS