javascript - 四舍五入带小数

Question

我有以下产品价格的输出数字:

<span class="amount">77.08</span>
<span class="amount">18.18</span>
<span class="amount">20.25</span>

无论价格是多少，我都想把它们四舍五入，所以在这种情况下的结果是:

<span class="amount">78</span>
<span class="amount">19</span>
<span class="amount">21</span>

我试过这段代码，但它只是删除了整个数字:

jQuery('.amount').each(function () {
    jQuery(this).html(Math.round(parseFloat(jQuery(this).html())));
});

知道问题出在哪里吗？

Answer 1

使用 Math.ceil() 代替 Math.round():

jQuery(this).html(Math.ceil(parseFloat(jQuery(this).html())));

Example fiddle

另请注意，您可以为 html() 提供一个函数来稍微整理一下代码:

$(this).html(function(i, html) {
    return Math.ceil(parseFloat(html)));
});