javascript - 在 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>

脚本

$(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。

如何将每个数量乘以价格并在总计列上打印？

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