Buon pomeriggio
In una pagina HTML è presente una tabella contenenti dati di tipo diverso (date, testo, numerico).
Come posso determinare in JS il valore massimo presente un una specifica colonna?
Printable View
Buon pomeriggio
In una pagina HTML è presente una tabella contenenti dati di tipo diverso (date, testo, numerico).
Come posso determinare in JS il valore massimo presente un una specifica colonna?
I dati sono salvati da qualche parte su JS? la tabella come si può leggere in JS? Ci sono id?
Ciao!
NO
Una comune tabella HTLM
Disponibile jQuery o puro JSCodice HTML:<table>
<thead>
<tr>
<th></th>
<th></th>
...
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
...
<td></td>
</tr>
</tbody>
</table>
La i dati sottostanti la tabella avrebbero degli ID che al momento non sono però né recuperati né mostrati nella tabella stessa
Grazie.
EDIT: Ho inserito in ogni TD della colonna in esame una classe che la identifica
Codice HTML:<td class="valore">...</td>
Potresti partire da questo:
Ciao!Codice HTML:<table id="tabella">
<tr>
<td>1</td>
<td>2</td>
<td>111</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>560</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>287</td>
<td>11</td>
</tr>
</table>
<p>I valori massimi sono: <span id="output"></span></p>
<script>
var tabella = document.getElementById('tabella');
var massimi = new Array(
Number.NEGATIVE_INFINITY,
Number.NEGATIVE_INFINITY,
Number.NEGATIVE_INFINITY,
Number.NEGATIVE_INFINITY,
Number.NEGATIVE_INFINITY
);
var righe = tabella.rows.length;
for (riga = 0; riga < righe; riga++)
{
var casella = tabella.rows.item(riga).cells;
var colonne = casella.length;
for(var colonna = 0; colonna < colonne; colonna++)
{
attuale = parseInt(casella.item(colonna).innerHTML);
if(attuale > massimi[colonna])
{
massimi[colonna] = attuale;
}
}
}
document.getElementById('output').innerHTML = massimi.join(', ');
console.log("massimi: "+massimi);
</script>