从div读取金额值后parseFloat/Number()始终返回NaN的问题

问题原因 #

你遇到的parseFloat返回NaN，核心原因是从DOM中读取的文本包含不可见的Unicode控制字符（比如零宽非断空格这类隐形字符）。从你的HTML结构看，数字8.40前存在肉眼无法识别的特殊字符，你仅移除了英镑符号£，但这些隐形字符会导致parseFloat无法识别有效数字开头，最终返回NaN。

修复方案 #

以下是几种可行的解决方法：

方案一：正则提取有效数字（最通用）

直接过滤掉所有非数字和小数点的字符，保留纯数字字符串再转换：

var cart_subtotal_str = $('.pewc-total-field').text();
// 移除所有非数字、非小数点的字符
var cart_subtotal_num = parseFloat(cart_subtotal_str.replace(/[^0-9.]/g, ''));

方案二：先清除隐形控制字符

先移除所有Unicode控制字符，再处理货币符号：

var cart_subtotal_str = $('.pewc-total-field').text();
// 清除所有不可见的Unicode控制字符
var cleanedText = cart_subtotal_str.replace(/[\x00-\x1F\x7F-\x9F\u200B-\u200F\uFEFF]/g, '');
var cart_subtotal_num = parseFloat(cleanedText.replace('£', ''));

方案三：精准定位金额元素（从源头减少干扰）

利用HTML结构中的内层类.woocommerce-Price-amount直接获取金额文本，避免混入无关字符：

// 直接定位到金额所在的内层容器
var cart_subtotal_str = $('.pewc-total-field .woocommerce-Price-amount').text();
var cart_subtotal_num = parseFloat(cart_subtotal_str.replace(/[^0-9.]/g, ''));

这些方法都能有效解决隐形字符导致的NaN问题，其中方案一和方案三的适配性更强，能应对不同格式的金额文本。

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