Tekst van een element weergeven met jQuery

De methodes html en text kunnen niet alleen gebruikt worden om de tekst van elementen te wijzigen, maar ook om deze weer te geven. Laten we een element ophalen en zijn tekst weergeven:

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

Als je probeert de tekst niet van één element te krijgen, maar van meerdere, dan zie je alleen de inhoud van het eerste element. Gebruik de methode each, om de teksten van alle elementen te krijgen, hierover wordt in de volgende lessen gesproken.

In het onderstaande voorbeeld halen we alle alinea's met de klasse www op:

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

Vervolgens geven we de inhoud weer met html, hierbij wordt alleen de tekst van de eerste alinea weergegeven:

alert($('.www').html()); // geeft 'tekst1' weer

Ook met de methode text moet voorzichtig worden omgegaan, in ons geval geeft het de inhoud van alle gevonden elementen weer:

alert($('.www').text()); // geeft 'tekst1tekst2tekst3' weer