Mostrar el texto de un elemento con jQuery
Los métodos html
y text
pueden usarse no solo para cambiar el texto
de los elementos, sino también para mostrarlo en pantalla. Vamos a
obtener un elemento y a mostrar
su texto:
<p id="test">text</p>
alert($('#test').html());
Si intentas obtener el texto no de un
elemento, sino de varios, solo verás el contenido del
primer elemento. Usa el método
each,
para obtener los textos de todos los elementos, se hablará
de él en las siguientes lecciones.
En el ejemplo siguiente obtenemos todos los párrafos con la clase
www:
<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>
Luego mostramos el contenido usando
html, en este caso solo se mostrará el texto del primer
párrafo de los obtenidos:
alert($('.www').html()); // mostrará 'text1'
También hay que tener cuidado con el método text,
en nuestro caso mostrará el contenido de todos los elementos
encontrados:
alert($('.www').text()); // mostrará 'text1text2text3'
