在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