使用jQuery从含其他数值的字符串中提取带$前缀的十进制数

嘿，这问题我熟！既然没法依赖option的value属性，只能靠字符串里的$符号定位目标数字，用jQuery结合正则表达式就能轻松搞定，我给你分两种常用场景来写解决方案：

场景1：获取当前选中选项的目标价格 #

如果需要拿到用户当前选中的那个option里的十进制数，可以这么写：

// 1. 获取选中option的文本内容
const selectedOptionText = $('#easypost option:selected').text();
// 2. 用正则匹配$后面的十进制数（支持整数和小数）
const pricePattern = /\$(\d+(?:\.\d+)?)/;
const matchedResult = selectedOptionText.match(pricePattern);

// 3. 处理匹配结果
if (matchedResult) {
  // 把捕获到的字符串转成数字类型
  const shippingPrice = parseFloat(matchedResult[1]);
  console.log('提取到的运费价格：', shippingPrice);
  // 这里可以把价格用到你的业务逻辑里，比如赋值给某个变量、更新页面元素等
} else {
  console.log('当前选中的选项里没有找到带$的价格');
}

场景2：遍历所有选项，批量提取价格 #

如果需要一次性获取所有option里的目标数字，遍历即可：

$('#easypost option').each(function() {
  const optionText = $(this).text();
  const pricePattern = /\$(\d+(?:\.\d+)?)/;
  const matchedResult = optionText.match(pricePattern);
  
  if (matchedResult) {
    const shippingPrice = parseFloat(matchedResult[1]);
    console.log(`选项【${optionText}】对应的价格：`, shippingPrice);
  } else {
    console.log(`选项【${optionText}】中未找到匹配的价格`);
  }
});

正则表达式说明 #

这里用到的/\$(\d+(?:\.\d+)?)/可以精准定位目标数字，拆解一下：

• \$：匹配字符串里的美元符号（因为$在正则里是特殊字符，表示字符串结尾，所以必须加反斜杠转义）
• (\d+(?:\.\d+)?)：这是一个捕获组，用来提取数字部分：
  • \d+：匹配1个或多个数字（对应价格的整数部分）
  • (?:\.\d+)?：可选的小数部分，(?:...)是非捕获组（不单独提取这部分），?表示这部分可以不存在，所以既能匹配$5这种整数价格，也能匹配$5.99这种小数价格

额外注意事项 #

• 如果你的option文本里可能出现多个$符号（比如"Express $12.99 (Next $Day)"），这个正则会匹配第一个$后面的数字；如果需要提取所有符合条件的数字，可以改用matchAll方法并加上全局标志g
• 用parseFloat转换后得到的是数字类型，方便后续做计算或比较操作

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