Il metodo text() di jQuery

  • jQuery
  • Gabriele Romanato

Il metodo text() può essere usato per leggere e scrivere il testo di un elemento. Per testo si intende l'insieme dei nodi DOM di tipo text che compongono l'elemento (inclusi i suoi discendenti). Vediamolo in dettaglio.

Sintassi di base

Lettura

$(elemento).text()

Scrittura

$(elemento).text(stringa)

$(elemento).text(function(indice, testo))

Ecco un esempio in lettura:


<div class="demo-container">
  <div class="demo-box">Demonstration Box</div>
  <ul>
  <li>list item 1</li>
  <li>list <strong>item</strong> 2</li>
  </ul>
</div>

Il codice $('div.demo-container').text() restituisce:


Demonstration Box list item 1 list item 2

In scrittura la funzione di callback accetta due parametri: l'indice dell'elemento nel set jQuery e il testo di tale elemento da modificare. Esempio:


$('ul li').text(function(index) {
  return 'item number ' + (index + 1);
});

Viene generata la seguente struttura:


<ul>
  <li>item number 1</li>
  <li>item number 2</li>
  <li>item number 3</li>
</ul>
Torna su