Wyświetlanie tekstu elementu za pomocą jQuery

Metod html i text można używać nie tylko do zmiany tekstu elementów, ale także do wyświetlania go na ekranie. Spójrzmy pobierz element i wyświetl jego tekst:

<p id="test">tekst</p> alert($('#test').html());

Jeśli spróbujesz uzyskać tekst nie jednego elementu, ale wielu, zobaczysz tylko zawartość pierwszego elementu. Użyj metody each, aby uzyskać teksty wszystkich elementów, o tym będzie mowa w kolejnych lekcjach.

W poniższym przykładzie pobieramy wszystkie akapity z klasą www:

<p class="www">tekst1</p>
<p class="www">tekst2</p>
<p class="www">tekst3</p>

Następnie wyświetlamy zawartość za pomocą html, przy czym wyświetli się tylko tekst pierwszego akapitu z uzyskanych:

alert($('.www').html()); // wyświetli 'tekst1'

Z metodą text też trzeba być ostrożnym, w naszym przypadku wyświetli zawartość wszystkich znalezionych elementów:

alert($('.www').text()); // wyświetli 'tekst1tekst2tekst3'