Método jQuery text()

jQuery HTML/Métodos CSS

El método text() obtiene o establece el contenido de texto del elemento seleccionado (incluidos sus descendientes).

al usar el método text()obteneral establecer el contenido, se devolveráTodos los elementos seleccionadosel contenido de texto.

al usar el método text()estableceral establecer el contenido, se sobrescribiráTodos los elementos seleccionadosel contenido de texto.

Utilicehtml()Método para obtener o establecer el innerHTML del elemento seleccionado (texto+ marcas HTML).

Nota: El método text() no se puede usar en elementos de entrada. Para el texto de los campos de entrada, utiliceval()Método.

Sintaxis:

Obtener contenido de texto:

$(selector).text()

Establecer contenido de texto:

$(selector).text(content)

Utilice la función de configuración para establecer el contenido de texto:

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

Ejemplo

Haga clic en el botón para obtener el contenido de texto de todos los párrafos:

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

Cambiar el contenido de texto de todos los párrafos:

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

Utilice la siguiente función para cambiar el contenido de texto del elemento:

$("button").click(function() {
　　$("p").text(function(i){}}
　　　　return  "Este es el índice del elemento p:  "　+　i;
　　});
});

Diferencia entre métodos html() y text():

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

Valor del parámetro

jQuery HTML/Métodos CSS