0

我从小提琴http://jsfiddle.net/QmTNZ/2/运行与此脚本类似的脚本

我试图修改它以使用我的表。

这是产品页面上表格的链接

http://styleso1.nextmp.net/dev/shop/safari-pu-sleeve-jacket.html

我需要它来计算数量（输入框，第 4 列）X 单价（第 5 列）并在第 6 列中显示总和

我将如何修改 JS 来做到这一点？

这是我为 JS 准备的

$(function(){
function ca(){
    var $overall = 0;

    $("tr.sum").each(function() {

        var $qnt = $(this).find(".qty");
        var $price = $(this).find("td").eq(1);

        console.log($qnt + " | " + $price);

        var sum = parseFloat($price.text()) * parseFloat($qnt.val());

        $(this).find(".a-center1").text(sum);

        $overall += sum;

    });

    $("#total").text($overall);
}

$(function() {

    ca();
    $('input.qty').bind('change keyup',function(){ca();});

});

任何帮助将不胜感激

4

2 回答 2

0

试试这个

  $("tr.sum").each(function() {

        var $qnt = $(this).find(".qty");
        var $price = $(this).find("td:eq(4)").find('.price');

        console.log($qnt + " | " + $price);
        var pri = $price.text();
            pri = pri.replace('$', '');
        var sum = parseFloat(pri) * parseFloat($qnt.val());

        $(this).find("td").eq(5).text('$' + sum);

        $overall += sum;

    });
    $("#total").text('$' +$overall);

检查小提琴

于 2012-11-14T00:44:36.940 回答
0

您可以通过做一些简单的事情来保存一些 DOM 搜索和文本解析，例如将单价作为数据属性添加到行并使用 jQuerydata()方法检索它

HTML

<tr class="sum" data-unit_price="10.00">

JS

function ca(){
    var $overall = 0;

    $("tr.sum").each(function() {
         var $row=$(this);
        var $qnt = $(this).find(".qty");
        var cost = $row.data('unit_price');       

        var sum = cost * parseFloat($qnt.val());

        $(this).find("td").eq(5).text('$' +sum);

        $overall += sum;

    });

    $("#total").text('$' +$overall);
}

$(function() {

    ca();
    $('input.qty').bind('change keyup', ca);

});

演示：http: //jsfiddle.net/Jk976/3/

于 2012-11-14T01:51:01.593 回答