Supponiamo di avere una tabella nella quale in una particolare cella, noi supporremo la prima, sono memorizzati dei valori numerici, vogliamo costruire un piccolo script jQuery che ci consente di recuperare i valori contenuti nella cella di nostro interesse.
Per ottenere questo risultato utilizzeremo un ciclo e andremmo a reperire in ogni riga della tabella la cella di nostro interesse e da questa estrapoleremo il valore.
Per recuperare il valore useremo il metodo .html() e non .val(), in quanto il contenuto di un td è html, mentre il metodo val() funziona se abbiamo a che fare con caselle di testo, textarea, ecc. ecc.
Supponiamo che la tabella da cui vogliamo recuperare i dati abbia il seguente codice:
<table id="mytable">
<tr>
<th>Id</th>
<th>Valore</th>
</tr>
<tr>
<td class="val">123</td>
<td>A</td>
</tr>
<tr>
<td class="val">456</td>
<td>B</td>
</tr>
<tr>
<td class="val">789</td>
<td>C</td>
</tr>
</table>
Vogliamo quindi recuperare i valori:123,456,789.
Ecco il codice jQuery che ci consente di recuperare i valori:
$('#mytable tr').each(function() {
var Id = $(this).find(".val").html();
});
Questo codice consente di memorizzare nella variabile Id il valore presente nella cella della tabella.