Calcular la suma de los productos que utilizan un atributo td

Question

tengo esta tabla:

<table> 
    <thead> 
     <tr> 
      <th>Quantity</th> 
      <th>&nbsp;</th> 
      <th>Price</th> 
      <th>Sum</th> 
     </tr></thead> 
    <tbody> 
     <tr class="sum"> 
      <td><input class="qty" type="text" value="1" /></td> 
      <td>German format: </td> 
      <td data_price="1375.5">1.375,50 &euro;</td> 
      <td></td> 
     </tr> 
     <tr class="sum"> 
      <td><input class="qty" type="text" value="1" /></td> 
      <td>English format:</td> 
      <td data_price="1375.5">&euro;1,375.50</td> 
      <td></td> 
     </tr> 
     <tr class="sum"> 
      <td><input name="text" type="text" class="qty" value="1" /></td> 
      <td>French format:</td> 
      <td data_price="1375.5">1 375,50 &euro;</td> 
      <td></td> 
     </tr> 
     <tr class="sum"> 
      <td><input name="text2" type="text" class="qty" value="1" /></td> 
      <td>Italian format:</td> 
      <td data_price="1375.5">&euro;1,375.50</td> 
      <td></td> 
     </tr> 
     <tr class="sum"> 
      <td><input class="qty" type="text" value="1" /></td> 
      <td>Spanish format:</td> 
      <td data_price="1375.5">&euro; 1.375,50</td> 
      <td></td> 
     </tr> 
     <tr> 
      <td colspan="3">Total</td> 
      <td id="total"></td> 
     </tr> 
    </tbody> 
</table> 

y quiero usar el valor del atributo "data_price" para calcular la suma como en este enlace: http://jsfiddle.net/QmTNZ/77/

Quiero usar solo el atributo "data_price" en el cálculo y no el.

Por favor ayuda, todavía estoy principiante en jQuery :)

Answer 1

Para las células de precios, se debe utilizar este formato:

<td data-price="1375.5">&euro;1,375.50</td> 

es decir, con un guión , no subrayar

Puede utilizar:

$('td').data('price') 

acceder a su valor - ver http://api.jquery.com/data

por ejemplo

var sum = 0; 
$('.sum').each(function() { 
    var q = parseFloat($(this).find('.qty').val()); 
    var p = parseFloat($(this).find('td').eq(2).data('price')); 
    sum += q * p; 
}); 
$('#total').text(sum); 

Trabajando demo en http://jsfiddle.net/alnitak/gzYhN/

Answer 2

Trate

var sum=0; 
$('tbody > tr > td[data_price]').each(
    function() 
    { 
     sum += parseFloat(this.attr('data_price')); 
    } 
); 

Answer 3

Prueba esto: http://jsfiddle.net/ptfKJ/

Este ejemplo es utilizar el código HTML original.