在jquery中使用類名獲取值

Question

我試圖獲取輸入文本字段的值，並將其乘以數量並顯示在總列上。

這裏是jsfiddle

的Html

Price: <input id="price" type="text"/> 
<table id="my-table"> 
<tr> 
    <td>Quantity</td> 
    <td>Total</td> 
</tr> 
<tr> 
    <td class="quantity">15,447.84</td> 
    <td class="total"></td> 
</tr> 
<tr> 
    <td class="quantity">89.28</td> 
    <td class="total"></td> 
</tr> 
</table> 

Srript

$(document).ready(function() { 
    $('#price').on('change', calTotal); 
    function calTotal() { 
     var p = $('#price').val(); 
     var q = $('.quantity').text(); 
     alert(q); 
    } 
}); 

var q = $('.quantity').text();給我輸出15,447.8489.28。

如何將每個quantity乘以價格並打印在總欄上？

Answer 1

• 使用parseFloat()和.text()設定值。

• 還你總數量和每兩列，您需要同時檢查各列的值，而在total

• 分配文本你需要15,000轉換爲15000，使用replace()這一點。

---

$('.total').text(function(){ 
    var q = $(this).prev().text(); 
    q = q.replace(/,/g, '');     
    p = p.replace(/,/g, ''); 
    return (parseFloat(p)*parseFloat(q)) 
}); 

Fiddle Demo