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

小提琴演示