Elementin tekstin tulostus jQuery:llä

Menetelmiä html ja text voidaan käyttää paitsi elementtien tekstin muuttamiseen, niin myös sen näyttämiseen ruudulla. Otetaan elementti ja tulostetaan sen teksti:

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

Jos yrität saada tekstin useilta elementeilta eikä vain yhdeltä, näet vain ensimmäisen elementin sisällön. Käytä metodia each saadaksesi kaikkien elementtien tekstit, siitä kerrotaan seuraavissa oppitunneissa.

Alla olevassa esimerkissä saamme kaikki kappaleet, joilla on luokka www:

<p class="www">teksti1</p>
<p class="www">teksti2</p>
<p class="www">teksti3</p>

Sitten tulostamme sisällön käyttämällä html, jolloin tulostuu vain ensimmäisen kappaleen teksti saaduista:

alert($('.www').html()); // tulostaa 'teksti1'

Myös menetelmän text kanssa on oltava varovainen, tapauksessamme se tulostaa kaikkien löydettyjen elementtien sisällön:

alert($('.www').text()); // tulostaa 'teksti1teksti2teksti3'