Nueva entrada de jQuery donde hablaremos de la función jQuery text(), de esta manera podemos obtener o asignar el texto que queramos a los diferentes elementos del DOM.
Otras funciones parecidas en cuanto a funcionamiento son:
Vamos a repasar la sintaxis extraída de su web oficial:
//obtener el texto del nodo seleccionado $(selector).text() //Asignar texto al nodo seleccionado $(selector).text(texto)
Os comento la sintaxis para obtener el texto:
Y ahora explico la sintaxis para asignar el texto:
Tras ver las sintaxis para obtener o asignar texto vamos con los ejemplos.
He preparado este primer ejemplo para ver cómo obtener el texto de un nodo con jQuery.
<script> $(document).ready(function(){ $("#boton01").click(function(){ alert($("#parrafo").text()); }); }); </script>
Os comento las líneas superiores:
El código HTML del párrafo y botones es el siguiente:
<p id="parrafo">Este es un texto dentro de un párrafo. <span> Texto dentro de un span.</span></p> <p><input type="button" name="boton01" id="boton01" value="Obtener texto del párrafo"></p>
He preparado este segundo ejemplo para asignar texto a un nodo con jQuery.
<script> $(document).ready(function(){ $("#boton01").click(function(){ $("#parrafo").text('Texto de sustitución'); }); }); </script>
Os comento las líneas superiores del segundo ejemplo:
El código HTML del párrafo y botones es el siguiente:
<p id="parrafo">Este es un texto dentro de un párrafo. <span> Texto dentro de un span.</span></p> <p><input type="button" name="boton01" id="boton01" value="Obtener texto del párrafo"></p>
Para la detección, control o selección de elementos con jQuery os recomiendo leer este post: