jQuery的計算

Question

我從小提琴 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();}); 

}); 

任何幫助將是非常讚賞

Answer 1

試試這個

$("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); 

Check Fiddle

Answer 2

則可以節省一些DOM搜索和通過做一些簡單的事情，就像使用jQuery data()方法將單價作爲數據屬性的行並返回它的文本解析

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

}); 

DEMO：http://jsfiddle.net/Jk976/3/