[Jquery] sommare elementi contenuti in tabella HTML

[robynosse]

Ciao a tutti,

volevo proporvi un quesito per capire che strada intraprendere:

io ho una tabella in HTML dove ogni riga <tr> e' identificata con un id specifico e sequenziale

<table id="prezzi">
<tr  id="tr00"><td>Descrizione</td><td>Quantità</td><td>Prezzo</td><td>IVA</td><td>Sconto</td><td>Totale</td></tr>
<tr  id="tr01"><td>Pasta      </td><td>1       </td><td>2     </td><td>4  </td><td>5     </td><td>2     </td></tr>
<tr  id="tr02"><td>Pane       </td><td>5       </td><td>1     </td><td>4  </td><td>0     </td><td>5     </td></tr>
<tr  id="tr03"><td>Zucchero   </td><td>3       </td><td>5     </td><td>10 </td><td>10    </td><td>15    </td></tr>
<tr  id="tr04"><td>Pepe       </td><td>9       </td><td>3     </td><td>10 </td><td>5     </td><td>27    </td></tr>
</table>

Esiste la possibilità di muoversi con Jquery all'interno della tabella senza dover mettere un indice specifico per ogni riga e colonna ai tag <td>, conoscendo a priori le dimensioni specifiche della tabella(5 righe e 6 colonne)?
Ad esempio, come potrei sommare con JQuery il totale dell'ultima colonna(colonna dal nome "Totale")?

Grazie,
Roberto

[Vindav]

$("#prezzi tr :gt(0)").each(function(){
  somma +=  Number($(this).children("td").last().text());  
});

[robynosse]

Originariamente inviato da Vindav

$("#prezzi tr :gt(0)").each(function(){
  somma +=  Number($(this).children("td").last().text());  
});

Ciao,
grazie della risposta!

Volevo chiederti delle delucidazioni in merito:
':gt(0)' a che cosa serve?

...mi è chiaro che nell'esempio riportato si chiede di sommare convertendo il testo in numero(un cast) del testo dell'ultimo elemento figlio di ogni elemento di <tr>

Ma se volessi fare riferimento ad una colonna in concreto(esempio la terza), come dovrei fare?
Cosa dovrei mettere al posto di last?

Grazie,
Roberto

[robynosse]

Ciao a tutti,
qualcuno mi sa dire se esiste un metodo migliore per riferirsi ad una colonna in concreto di una tabella invece di utilizzare questa forma?

importoFattura=Number($(this).children("td").first().next().next().next().next().next().next().text());

Grazie,
Roberto

[cavicchiandrea]

http://api.jquery.com/nth-child-selector/

[Vindav]

$("#prezzi tr :gt(0)").each(function(){
  somma +=  Number($(this).children("td:eq(2)").text());  
});

#prezzi tr :gt(0) significa recupera tutti i tr con indice maggiore di zero, cioè tutti i tr tranne il primo che contiene l'intestazione.

[HammerFist]

collegandomi al quesito principale
io ho una tabella
in ogni tr tranne la prima e l'ultima ho una serie di righe generate da php
queste righe contengono ognuna un td con un div con classe "testo_formattato" dove ci sono dei numeri
nell'ultima riga tr ci dovrà essere il totale di tutte quei div... quindi un div "totale"...
non ho capito come fare... me lo potete spiegare

[HammerFist]

function somma(){
var sum=0;
$("#lista div:.testo_formattato").each( function(){
sum+= $(this).text();
});
}

cosa sbaglio?

[Vindav]

posta il codice html della tua tabella(un esempio, bastano 2 righe)

[HammerFist]

<table width="520" height="auto" align="center" id="listaprezzi">
<tr>
<td width="360px">Articolo</td>
<td width="50px">Quant.</td>
<td width="80px"></td>
<td width="30px">Canc.</td>
</tr>
<tr bgcolor='#F0F0F0'>
<td width="360px">Fiat 500</td>
<td width="50px">1</td>
<td width="80px"><div class="formatocella">1,000.00</div></td>
<td width="30px">
<div align="center"></div>
</td>
</tr>
<tr bgcolor='#DFDFDF'>
<td width="360px">Ferrari F40</td>
<td width="50px">1</td>
<td width="80px"><div class="formatocella">20000</div></td>
<td width="30px"></td>
</tr>
<tr>
<td width="360px"></td>
<td width="50px">Totale</td>
<td width="80px" id="totaleparziale"></td>
<td width="30px"></td>
</tr>
</table>

i tr vengono generati da script php solo l'intestazione e il titolo sono fissi