Como obter o texto de um elemento com jQuery

Os métodos html e text podem ser usados não apenas para alterar o texto dos elementos, mas também para obtê-lo. Vamos selecionar um elemento e obter seu texto:

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

javascriptalert($('#test').html());

Se você tentar obter o texto não de um elemento, mas de vários, verá apenas o conteúdo do primeiro elemento. Use o método each para obter os textos de todos os elementos; isso será abordado nas próximas lições.

No exemplo abaixo, obtemos todos os parágrafos com a classe www:

html<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>

Em seguida, obtemos o conteúdo usando html, e apenas o texto do primeiro parágrafo será exibido:

javascriptalert($('.www').html()); // exibirá 'text1'

É preciso ter cuidado também com o método text, no nosso caso, ele exibirá o conteúdo de todos os elementos encontrados:

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