从id为price的元素值中提取纯数字（去除逗号与货币符号）

你的问题出在原正则表达式只匹配了小数点附近的数字，千位分隔符逗号会打断匹配逻辑，导致前面的数字被忽略。这里有两种简洁的修改方案，能完美处理带逗号和货币符号的价格：

方案一：先清理无关字符，再提取数值 #

function() {
  var element = document.querySelector('*[id^="price"]');
  // 移除所有非数字、非小数点的字符（包括货币符号、逗号）
  var cleanedPrice = element.innerHTML.replace(/[^0-9.]/g, '');
  // 确保返回有效的数字格式（避免空值或异常格式）
  var price = cleanedPrice.match(/\d+\.?\d*/) ? cleanedPrice.match(/\d+\.?\d*/)[0] : '';
  return price;
}

逻辑说明： #

• replace(/[^0-9.]/g, '') 会精准过滤掉所有干扰字符，不管是英镑符号£、美元符号$还是千位逗号,，只保留数字和小数点。
• 后续的match用来兜底，确保最终结果是符合数字格式的字符串，避免出现空值或无效格式。

方案二：正则匹配数字片段后拼接 #

function() {
  var element = document.querySelector('*[id^="price"]');
  // 提取所有连续的数字/小数点片段
  var priceParts = element.innerHTML.match(/[\d.]+/g);
  // 拼接片段得到完整纯数字字符串
  var price = priceParts ? priceParts.join('') : '';
  return price;
}

逻辑说明： #

• match(/[\d.]+/g) 会把字符串中所有数字+小数点的连续片段捞出来，比如处理£2,050.00时会得到["2", "050.00"]。
• join('') 把这些片段无缝拼接，最终得到2050.00这样的纯数字字符串。

测试验证 #

针对你提到的两种场景：

• 输入£10.50 → 两种方案均返回10.50
• 输入£2,050.00 → 两种方案均返回2050.00

如果需要直接返回数字类型，只需在最后加上return parseFloat(price);或者return Number(price);即可。

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