[RISOLTO] Problema somma td, prende solo il primo valore

[carlo9987]

Ciao a tutti!

Devo calcolare il totale dei td con name "somma", ma la funzione mi restituisce solamente il valore del primo. Di seguito il codice che utilizzo:

$('#somma').each(function() {
	var value = $(this).text();
	if(!isNaN(value) && value.length != 0) {
		sum += parseFloat(value);
	}
	$('#totaleSomma').text(sum);
});

Qualcuno potrebbe aiutarmi??? :dipser:

Vi ringrazio in anticipo,
Carlo.

 

[criric]

$('#somma')

con questa istruzione ti riferisci all'elemento con id = 'somma'
l'id è univoco non puoi assegnare lo stesso a piu elementi
puoi farlo invece con le classi

<td class='somma'>

l'istruzione diventa

$('.somma')

 

[carlo9987]

Ah perfetto, grazie mille!!!

Vorrei approfittare per farti un'altra domanda... Questi td "Somma" fanno parte di tr che potrebbero essere hide (a seconda di come sono selezionate delle checkbox), se volessi sommare solo quelli che sono visibili come potrei fare?

Ti ringrazio in anticipo!

Carlo

 

[criric]

cosi al volo
potresti ciclare le tr e verificare l'attributo display

    $("tr").each(function() {
        if($(this).css('display' != 'none')) {
            // codice
        }
    })

non ho testato

 

[carlo9987]

Partendo dal tuo suggerimento ho scritto questo codice, ma praticamente in #totaleSomma non inserisce nulla:

var sum = 0;
$('.rowResult').each(function() {
        if($(this).is(':visible')) {	
	        var value = $('#somma').text();
		if(!isNaN(value) && value.length != 0) {
			sum += parseFloat(value);
		}
	}
	$('#totaleSomma').text(sum);
});

Cosa sbaglio??

 

[Longo8]

Il metodo text() non può essere usato su campi di input.
Totale somma cosa é? Prova ad usare val() al posto di text() se è un campo di input.

 

[criric]

@Longo
abbiamo a che fare con le td non con gli input, in questo caso text() legge il contenuto della cella e parseFloat lo trasforma da stringa a numero per la somma
@carlo9987
prova in questo modo

<style>
    .h {
        display: none;
    }
</style>
<table id="tabella">
    <tr class="h">
        <td class="somma">3.2</td>
    </tr>
    <tr>
        <td class="somma">3.8</td>
    </tr>
    <tr>
        <td class="somma">3.0</td>
    </tr>
    <tr>
        <td class="somma">5.2</td>
    </tr>
    <tr class="h">
        <td class="somma">4.0</td>
    </tr>    
</table>
<div id="totaleSomma"></div>
<!-- ovviamente la libreria la richiami come vuoi tu ->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
    var sum = 0;
    $('#tabella tr').each(function() {
        
        if($(this).is(':visible')) {
            var value = $(this).children("td").text();
            if(!isNaN(value) && value.length != 0) {
                sum += parseFloat(value);
            }
        }
        $('#totaleSomma').text(sum);
    });
</script>

 

[carlo9987]

Innanzitutto grazie mille per le risposte!

Allora, partendo dal codice scritto da cricri sono riuscito a farlo funzionare così:

var sum = 0;
$('#tableResult tr').each(function() {
	if($(this).is(':visible')) {
		value = 0;
		var value = $(this).children('.somma').text();
		if(!isNaN(value) && value.length != 0) {
			sum += parseFloat(value);
		}
	}
	$('#totaleSomma').text(sum);
});

Riadattandolo al mio caso ho modificato solo il children con children('.somma').

Ancora grazie mille!!!!

@Longo
abbiamo a che fare con le td non con gli input, in questo caso text() legge il contenuto della cella e parseFloat lo trasforma da stringa a numero per la somma
@carlo9987
prova in questo modo

<style>
    .h {
        display: none;
    }
</style>
<table id="tabella">
    <tr class="h">
        <td class="somma">3.2</td>
    </tr>
    <tr>
        <td class="somma">3.8</td>
    </tr>
    <tr>
        <td class="somma">3.0</td>
    </tr>
    <tr>
        <td class="somma">5.2</td>
    </tr>
    <tr class="h">
        <td class="somma">4.0</td>
    </tr>    
</table>
<div id="totaleSomma"></div>
<!-- ovviamente la libreria la richiami come vuoi tu ->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
    var sum = 0;
    $('#tabella tr').each(function() {
        
        if($(this).is(':visible')) {
            var value = $(this).children("td").text();
            if(!isNaN(value) && value.length != 0) {
                sum += parseFloat(value);
            }
        }
        $('#totaleSomma').text(sum);
    });
</script>