使用td属性计算产品总和 [英] Calculate the sum of products using a td attribute

问题描述

我有这张表：

<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>

我希望使用属性data_price的值来计算此链接中的SUM：
http://jsfiddle.net/QmTNZ/77/

and I want to use the value of attribute "data_price" to calculate the SUM like in this link : http://jsfiddle.net/QmTNZ/77/

我想在计算中只使用属性data_price而不是。

I want to use only the attribute "data_price" in calculation and not the .

请帮忙，我还是jquery的初学者：）

Please help, I'm still beginner in jquery :)

推荐答案

对于您的价格单元格，您应该使用以下格式：

For your price cells, you should use this format:

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

即。用连字符，而不是下划线

i.e. with a hyphen, not underscore

然后你可以使用：

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

访问其值 - 参见 http://api.jquery.com/data

例如

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);

工作演示 http://jsfiddle.net/alnitak/gzYhN/

这篇关于使用td属性计算产品总和的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！