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:

html<p id="test">text</p>

javascriptalert($('#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:

html<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:

javascriptalert($('.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:

javascriptalert($('.www').text()); // mostrará 'text1text2text3'