Output del testo di un elemento tramite jQuery

I metodi html e text possono essere utilizzati non solo per modificare il testo degli elementi, ma anche per visualizzarlo. Otteniamo un elemento e visualizziamo il suo testo:

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

Se si tenta di ottenere il testo non di un elemento, ma di molti, si vedrà solo il contenuto del primo elemento. Utilizza il metodo each, per ottenere i testi di tutti gli elementi, se ne parlerà nelle prossime lezioni.

Nell'esempio seguente otteniamo tutti i paragrafi con la classe www:

<p class="www">testo1</p>
<p class="www">testo2</p>
<p class="www">testo3</p>

Poi visualizziamo il contenuto utilizzando html, in questo caso verrà visualizzato solo il testo del primo paragrafo tra quelli ottenuti:

alert($('.www').html()); // visualizzerà 'testo1'

Anche con il metodo text bisogna stare attenti, nel nostro caso visualizzerà il contenuto di tutti gli elementi trovati:

alert($('.www').text()); // visualizzerà 'testo1testo2testo3'