Visualizzazione risultati 1 fino 5 di 5

Discussione: Valore max di colonna in JS

  1. #1
    phollia non è connesso Utente giovane
    Data registrazione
    05-02-2015
    Messaggi
    68

    Predefinito Valore max di colonna in JS

    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?

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,148

    Predefinito

    I dati sono salvati da qualche parte su JS? la tabella come si può leggere in JS? Ci sono id?

    Ciao!

  3. #3
    phollia non è connesso Utente giovane
    Data registrazione
    05-02-2015
    Messaggi
    68

    Predefinito

    Citazione Originalmente inviato da alemoppo Visualizza messaggio
    I dati sono salvati da qualche parte su JS?
    NO

    Citazione Originalmente inviato da alemoppo Visualizza messaggio
    la tabella come si può leggere in JS?
    Una comune tabella HTLM

    Codice HTML:
    <table>
      <thead>
        <tr>
          <th></th>
          <th></th>
          ...
          <th></th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td></td>
          <td></td>
          ...
          <td></td>
        </tr>
      </tbody>
    </table>
    Disponibile jQuery o puro JS

    Citazione Originalmente inviato da alemoppo Visualizza messaggio
    Ci sono id?
    La i dati sottostanti la tabella avrebbero degli ID che al momento non sono però né recuperati né mostrati nella tabella stessa


    Citazione Originalmente inviato da alemoppo Visualizza messaggio
    Ciao!
    Grazie.

  4. #4
    phollia non è connesso Utente giovane
    Data registrazione
    05-02-2015
    Messaggi
    68

    Predefinito

    EDIT: Ho inserito in ogni TD della colonna in esame una classe che la identifica

    Codice HTML:
    <td class="valore">...</td>

  5. #5
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,148

    Predefinito

    Potresti partire da questo:
    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>
    Ciao!
    Ultima modifica di alemoppo : 05-05-2021 alle ore 19.50.54

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •