如何在HTML的<td>标签中将Double精度数值限制为两位小数显示

首先，你的报错$(...).val(...).toFixed is not a function有两个核心问题：

• 你操作的是<td>元素，它没有val()方法（这个方法是给<input>这类表单元素用的），读写普通元素内容应该用text()。
• 链式调用里，$('.rounded').val(decimal)返回的是jQuery对象，不是数值类型，自然没法直接调用toFixed()方法。

下面给你两种可行的修复方案：

方案一：修正原代码逻辑 #

把获取、转换、设置的步骤拆分清楚，确保在数值类型上调用toFixed()，同时用对DOM操作方法：

window.onload = () => {
    // 1. 获取td的文本内容并转为浮点数
    let decimalText = $("#decimal .rounded").text();
    let decimal = parseFloat(decimalText);
    
    // 处理非数字的异常情况，避免页面显示NaN
    let formattedValue = isNaN(decimal) ? "0.00" : decimal.toFixed(2);
    
    // 3. 将格式化后的值写回td元素
    $("#decimal .rounded").text(formattedValue);
    
    console.log(decimal);
};

方案二：用jQuery DOM就绪事件（更推荐） #

jQuery提供的DOM就绪事件比window.onload触发更早，写法也更简洁：

$(function() {
    let $targetEl = $("#decimal .rounded");
    let decimal = parseFloat($targetEl.text());
    let formattedValue = isNaN(decimal) ? "0.00" : decimal.toFixed(2);
    $targetEl.text(formattedValue);
    console.log(decimal);
});

额外小建议：如果你的模板引擎（从{{#with chw}}语法看大概率是Handlebars类）支持数值格式化Helper，其实可以直接在模板层面处理，不用写JS，比如：

<td class='rounded'>{{numberFormat savings_percent 2}}</td>

具体语法要看你用的模板引擎文档，这样前端处理会更高效。

内容的提问来源于stack exchange，提问作者Matthew